rem代替px - 资本家

rem代替px

通常,我们会给页面一个默认的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}

上一篇 六祖慧能对佛法坐禅的取缔px-rem自适应转换java代码 下一篇