首页 > Web开发 > 详细

CSS中的 REM PX EM

时间:2014-07-01 18:29:40      阅读:338      评论:0      收藏:0      [点我收藏+]

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的

 

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

em相对于父级元素! 

  任意浏览器的默认字体高都是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作为单位就行了

 

rem(root em)是相对于根元素,根元素会影响所有使用rem的结构体 

根元素最好标明 font-family 等属性。

 

em  rem 应用的时候 body 都是 Font-size=62.5%  

** 任意浏览器的默认字体高都是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作为单位就行了。

CSS中的 REM PX EM,布布扣,bubuko.com

CSS中的 REM PX EM

原文:http://www.cnblogs.com/iyueyao/p/3817818.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!