font-size : 62.5%,你见过它吧?
在响应式设计过程中,经常将页面跟节点字体设为62.5%,比如选择用rem控制字体时,先需要设置根节点html的字体大小。浏览器默认的font-size 是16px , 16 * 62.5% = 10, 10这个数字方便计算,比如要设置h1{font-size:24px}, 可以写成h1{font-size:2.4rem}.
为什么不直接设置成html{font-size:10px}?因为有些浏览器默认的不是16px,或者用户修改了浏览器默认的字体大小(因浏览器分辨率大小,视力,习惯等因素)。如果我们将其设置为10px,一定会影响在这些浏览器上的效果,所以需要里用绝大多数用户默认的16作为基数 * 62.5% 得到我们需要的10.
62.5%与前端朋友的缘分应该就是这样来的吧。