web app开发之rem

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%，就计算错误。