电脑爱好者之家

当前位置: 主页 > 开发资料 > 网页设计教程 >

网页代码中px与em的区别

时间:2013-01-25 19:01来源:未知 作者:熊猫蜀黍 点击:
em与px的区别以及em特点和应用 1、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。 2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3、IE无法调整那些使用px作为单位的字体大小; px像素(Pixel)。相对长度单位。像素
em与px的区别以及em特点和应用
1、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3、IE无法调整那些使用px作为单位的字体大小;
 
  px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
 
  em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)
 
  任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。
 
  那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

参考内容:网页代码中单位em的特点 (责任编辑:熊猫蜀黍)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容