字体大小控制

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
body {font-size:14px}
-->
</style>
<title>字体大中小代码&字号缩放代码-懒人图库</title>
</head>

<body>
<script type="text/javascript">
    function doZoom(size) {
        var zoom = document.all ? document.all[‘Zoom‘] : document.getElementById(‘Zoom‘);
        zoom.style.fontSize = size + ‘px‘;
    }
</script>
字体大小:<a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(16)">大</a>
<br /><br />
<div id="Zoom">懒人图库 学会偷懒，并懒出境界是提高工作效率最有效的方法！</div>
<br />
<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

时间： 2024-11-09 09:58:42

字体大小控制的相关文章

Android UI设计之<十二>自定义View，实现绚丽的字体大小控制控件FontSliderBar

转载请注明出处:http://blog.csdn.net/llew2011/article/details/51668407 了解iOS的同学应该知道在iOS中有个UISliderBar控件,在iPhone手机中的设置文字大小中使用了该控件.近来产品提的需求中有一个是更改APP中部分字体大小,虽然技术难度不大但工作量还是有的,思路是利用LayoutInflater.Factory实现的(如果你对LayoutInflater.Factory不熟悉可以阅读之前写的Android 源码系列之<四>从

网页字体大小控制

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页字体大小</title> <script src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(func

移动端通过js来用rem控制字体大小的用法

通过js来控制页面字体大小,直接上代码: (function() { var rootHtml = $(":root"); var rootResize = function() { var fontSize = $(window).width() < 640 ? $(window).width() / 16 : 40; rootHtml.css("font-size", fontSize); } rootResize(); $(window).resize(

html页面控制字体大小的js代码

控制显示文章字体大小的js代码 1 <head> 2 3 4 <script type="text/javascript"> 5 6 function check(size){ 7 document.getElementById("mycode").style.fontSize=size+"pt"; 8 } 9 10 </script> 11 </head> 12 13 <body> 1

jQuery控制网页字体大小和肤色

在一些网站上经常看到有控制网页肤色和字体大小的功能,接下来,我们将用两个例子来实现这两个功能. 网页字体大小首先我们在网页中添加一些被控制大小的文字和字体控制的按钮. <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <

怎么设置（控制）移动端的字体大小

方法一:用css3的媒体查询来设置 html {font-size:12px} @media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px;}} @media screen and (min-width:640px) and (max-width:719px) {html {font-size: 20px;}} @media screen and (min-width:720px) and (m

有关jqGrid应用里的字体大小不能控制的问题

Google.Github 双重认证前端课程,独家硅谷内容,每周直播辅导,限时报名>>> 最近项目里用到了struts2里的jqGrid插件,有个很奇怪的问题找了好长时间,比如:字体样式修改不了的问题,具体描述请参考附件图片,包含有问题的和修改后的对比图(je不能直接插入本体图片啊) 就是grid的表头和内容字体样式不能修改,一直是缺省的16px大小和加粗的,并且分页显示也很别扭后来找了好长时间发现是因为我的页面<!DOCTYPE 定义有问题,jqGrid支持过渡型的申明,也

调整Eclipse字体大小

Eclipse 字体有两处,一处是控制台的字体,一处是主窗口.这里分别介绍控制台和主窗口字体的调节方法. Window -> Preferences -> General -> Appearance -> Colors and Fonts -> Basic -> Text Font -> Edit 调节控制条字体大小. Window -> Preferences -> General -> Appearance -> Colors and

LaTex Font Size 字体大小命令

LaTex中字体大小有很多中等级,分别由下列命令控制: \tiny \scriptsize \footnotesize \small \normalsize \large \Large \LARGE \huge \Huge