为何选择%和em配合控制字号大小?
2009-08-30 09:33
225 查看
为何选择em和%?em和%都是相对单位,可以方便的在客户端进行设置而改变页面文字大小
em为何物?em是相对单位,em的初始值是1em=16px,为了能够方便的和px进行转换,常常在body中定义font-size为62.5%,这时1em=16px × 62.5%=10px,所以12px=1.2em,也就是在不考虑单位时,前者除以10即可。
我们需要怎么做?通过上面简单的说明,知道了在定义字体大小时,最好的选择时使用em和%作为单位,而放弃px的使用,那么具体要怎样做呢?
首先,为body定义字体大小,使用%:body{font-size:62.5%;}
其次,为其他标签定义字体大小,这时就需要用em,同时需要注意继承性。例如.entry无父类,其文字大小为1.2em(=12px),.entry p文字大小为1.2em,这时p中的文字大小就不是1.2×10=12px,而是1.2×1.2×10=14.4px。
em为何物?em是相对单位,em的初始值是1em=16px,为了能够方便的和px进行转换,常常在body中定义font-size为62.5%,这时1em=16px × 62.5%=10px,所以12px=1.2em,也就是在不考虑单位时,前者除以10即可。
我们需要怎么做?通过上面简单的说明,知道了在定义字体大小时,最好的选择时使用em和%作为单位,而放弃px的使用,那么具体要怎样做呢?
首先,为body定义字体大小,使用%:body{font-size:62.5%;}
其次,为其他标签定义字体大小,这时就需要用em,同时需要注意继承性。例如.entry无父类,其文字大小为1.2em(=12px),.entry p文字大小为1.2em,这时p中的文字大小就不是1.2×10=12px,而是1.2×1.2×10=14.4px。
相关文章推荐
- PPT文字字体、字号大小的选择
- 手机游戏选择英雄时用单手指控制英雄旋转,双手指控制英雄大小缩放
- [VB.NET]如何象在word中一样,通过工具栏中的组合框,选择字体/字号/颜色/大小等(详细点比较好)
- html中的em和rem到底该如何使用,自适应效果中如何确定文字大小/字号?
- 网页设计中,字号的大小 em
- 控制字体大小,em与px的区别与应用
- [转]建议Font-Size使用em单位控制大小
- 控制字体大小,em与px的区别与应用
- 建议Font-Size使用em单位控制大小
- JAVA基础之流程语句控制:选择结构
- 如何根据电流的大小来选择取样电阻
- log4j自动控制日志大小
- <web前端>当背景图片为渐变色图片时,为避免浏览器大小问题,可以选择使用<CSS>实现渐变色,教程如下
- android 6.0,为何Launcher3桌面和主菜单图标字体大小不跟随系统发生变化?
- js 控制图片大小
- unity控制摄像机视图大小的算法
- 第七章 vb控制结构 第一节 选择控制结构
- 远在美国的凤姐为何选择回国理财?
- JavaScript 文本域字体大小选择功能
- 使用选择、冒泡排序算法实现数字大小排序