码迷,mamicode.com
首页 > 其他好文 > 详细

px、em与rem之间的区别

时间:2014-10-27 12:29:11      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:style   sp   strong   on   问题   bs   size   nbsp   css   

px

px方便,但是由于它是绝对值,不能随着浏览器的放大和缩小而改变,因此往往会影响我们原先的布局,造成视觉干扰。

 

em

em是相对值,解决了随浏览器放大缩小而改变的问题,但是它仅仅是相对于其父元素,假设你在<body>里定义了font-size:10px,那么以<body>为父元素的子元素的font-size可以这样定义{font-size:1.4em}即字体为14px。但是如果不是以<body>为父元素的子元素,其字体则不定为多少,要看其父元素。

 

rem

rem出现在css3里,它的字体永远相对于根元素来变化。即它永远已<body>的font-size为基础。

px、em与rem之间的区别

标签:style   sp   strong   on   问题   bs   size   nbsp   css   

原文地址:http://www.cnblogs.com/JolinChan/p/4053649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!