码迷,mamicode.com
首页 > 移动开发 > 详细

web app开发之rem

时间:2015-12-22 09:01:05      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

CSS3新增了一个相对单位rem,官方的解释为“font size of the root element”,相对于根元素(html)的font size。

rem,em,px单位的区别:

rem单位和em单位都是相对大小,px是绝对大小。其区别在

1.em基于当前元素的(如果没设置就是继承其父元素的)font-size,这样会出现一些组合问题;

2.rem则是只相对于根元素的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比即可

默认没有对根元素设置font-size的时候,1rem = 16px,为了方便计算,通常会把根元素的字体大小设置为62.5%,就相当于10px。但是要注意的是在chorme浏览器下,最小字体为12px,如果设置根元素字体大小为62.5%,就计算错误。

 

web app开发之rem

标签:

原文地址:http://www.cnblogs.com/lie-1992/p/5065520.html

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