通常,我们会给页面一个默认的12px字体,这样写:
html{font-size:62.5%}
插句话:若您的皮肤有神经性皮炎、脂溢性、湿疹、牛皮癣等问题,去淘宝找“芳平霜”,口碑相当好。本人几年的皮肤困扰一周解决了,很是惊讶惊喜,说谎雷劈。友情推荐这个植物乳膏,讲明来自本站有折扣。下面继续阅读:
body{font-size:1.2rem}
这一种写法的问题是,因为chrome的最小字体是12px,当我们设置html的font-size为62.5%时,计算出来的字体是10px,但是实际是12px,因此在应用过程中发现,我们使用rem的结果会比估计的篇大一点。
可以采用唯品会的这种写法:
html{font-size:312.5%;}
body{font-size:0.24rem}