CSS3 设置字体自适应 font-size:xx rem

• CSS3新引入了一个字体单位（rem）,rem是相对于根节点的（html节点）。在使用时我们可以这样写

html{font-size: 62.5%;}
/*62.5%是相对于16px计算得来的，相当于10个计量单位，为了后面计算字体大小*/

 

 

• 但是问题来了，因为CSS3 IE6-8不支持，所以这样写会影响字体默认的大小，所以增加如下代码

html{font-size: 62.5%;}
body{font-size: 14px;font-size: 1.4rem;}
/*前面px为兼容老版本浏览器，rem为现代浏览器解析，px要在前面*/

 

注意：在后面要用到rem的地方，也需加上px