html字体自动放大,让用户自己控制网页字体的大小的css书写方法

让用户自己控制网页字体的大小的css书写方法

更新时间：2007年09月18日 20:31:41 作者：

现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或者用菜单上的查看>文字大小来改变字的大小。

如何设定

1.在body标签里将字体尺寸设为62.5%，如果在body里没有CSS设定，那么浏览器默认的大小是16px，设了62.5%，则字体尺寸=16px*62.5%=10px，这时你能用em方便地设大小了，比如你需要用12px，只要设1.2em。

body{

font-size: 62.5%;

}

h1{

fong-size: 1.4em;/* h1字的大小相当于14px */

}

2.body里字体尺寸设为75%，则字体尺寸=16px*75%=12px，1em相当于12px.

body{

font-size: 75%;

}

h1{

fong-size: 1.5em;/* h1字的大小相当于18px */

}

第一种方法更好些。

如果是英文网站的话，还可以设定为small、x-small......

当然这样一来，对页面的设计要求会高一些。

解决IE升级后Flash线框问题...2007-01-01

css通配符的意义说明，学习css的朋友，会经常用的着2008-10-10

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解.2008-03-03

在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS...2006-12-12

firefox下background-image的垂直平铺repeat-y不设置height的解决办法2008-07-07

最近发现好多用margin-top实现的，上边距效果一直没有，一直都不知道什么原因，今天偶然看到了，特分享给大家2008-11-11

DIV+CSS布局的网站对网站SEO的影响分析...2007-09-09

用margin和overflow属性实现div间距的方法...2007-12-12

推荐一篇利用th,colgroup,col定义表格样式...2007-04-04

做网页中需要掌握的八个CSS布局技巧...2007-06-06

html字体自动放大,让用户自己控制网页字体的大小的css书写方法相关推荐

组策略计算机用户账户控制,Win10系统总是弹出用户账户控制提示是否允许程序修改计算机的解决方法...
Win10系统总是弹出用户账户控制提示"是否允许程序修改计算机"的解决方法不少使用Win10系统的用户都会遇到这样一个问题:当我们打开程序时,系统总会弹出"你要允许以下 ...
HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式
教你如何用CSS来控制网页字体的显示样式更新时间:2007年02月27日 00:00:00 作者: HTML对于<font>内容</font>卷标只有: <font ...
Type.js – 帮助你更好的控制网页字体排版
Type.js 是一款很好的网页字体排版工具.它可以让你使用新的 CSS 属性,在网页上试下更精细的排版控制.设置很简单.上传 type.js 到您的网站,并在你的 HTML 链接中引用.接下来,你就 ...
网页字体弄成微软雅黑html,网页字体替换为微软雅黑
// ==UserScript== // @namespace https://greasyfork.org/users/10250 // @name 网页字体替换为微软雅黑 // @descript ...
[html]解决微信字体自动放大问题
某些型号通过微信自带链接进入,placeholder会自动放大(哭泣) 不管是因为啥原因,不管啥字被放大 ,解决办法是禁止微信页面字体放大然后把下面的代码整进去很好使! <script> ...
html页面字体缩小模糊怎么解决,如何解决网页字体模糊的问题
我们在使用浏览器查看网页,有的时候有的网页字体比较模糊,都看不清楚字了.出现网页字体模糊的时候,我们可以去设置一下字体大小,应该就可以了.那遇到网页字体模糊这样的问题,我们应该要怎么去解决它好呢?接下 ...
UIWebView中字体自动放大问题的探究
为什么80%的码农都做不了架构师?>>> 前端时间在给客户端添加syntaxhighlighter JS插件时发现一个问题: 如果一段代码中有一行代码比较长,越出了屏幕,那么, ...
h5点击图片自动放大_关于微信上网页图片点击全屏放大效果
实现微信上网页的图片点击后全屏还可以可以缩放,这个功能是别人做的,可是捏点击后屏幕直接黑屏了,图片没有显示出来.这个代码在网上搜一下,挺多类似的. 先上代码. function arrayToJson ...
如何打开计算机用户账户控制面板,Win7系统下每次打开软件都会出现用户账户控制的解决方法...
我们在使用Win7系统的过程中,每次打开软件都会出现用户账户控制的提示框,确定了才可以运行软件,这无疑对不少用户带来了麻烦,降低了工作效率.那么我们要如何才能关闭用户账户控制这个提示呢?下面装机之家分 ...

html字体自动放大,让用户自己控制网页字体的大小的css书写方法

html字体自动放大,让用户自己控制网页字体的大小的css书写方法相关推荐

最新文章

热门文章