理解px em rem

em 大小与直接父元素的大小有关  计算方式:1/父元素大小(px) X 自己的px大小

1em = 16px;

一般事先设定 font-size:62.5%(16pxx62.5=10px);

则:1em = 10px;

rem解决了em字体与父元素大小有关的问题

rem 是相对于跟元素(html)设置字体大小的 所以不会因为父元素的字体大小而被影响

同样 1rem = 16px;

浏览器支持:Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+  

只要ie6-8不支持