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

相关推荐