在知更鸟博客中提到:文字大小为什么要用html{font-size: 62.5%;}。
提炼下文章大意,现今为适配不同的移动终端需要将px
设为rem
,但rem
的问题在于计算繁难,如将浏览器默认的font-size:16px;
乘以系数62.5%
强行设为10px
,就可以按照十进制计算rem
值,避免1.6倍计算问题。
举个栗子:
font-size: 14px;
原需设为0.876rem
,预设了html{font-size:62.5%;}
后,现可直接口算出值为1.4rem
。
经实践效果确实好些,推荐。
木头人 广东
这样方便不少,印象中折腾主题自适应开始就这样用。
二年前 Safari 16 · iPhone iOS 16.3S̆̈ 江苏 *
@木头人 确实。
二年前 Safari 16 · Mac OS X 10.15不亦乐乎 福建
以前也试过,确实方便,不过自己瞎折腾,后来主题直接拿wp默认的改就忘记这事情了,还好自己用我都是随手输入字体大小,要么0.875rem要么1rem要么1.125rem,不对了就再改。
二年前 Google Chrome 109 · Windows 10S̆̈ 江苏 *
@不亦乐乎 可以再捡起来
二年前 Microsoft Edge 109 · Windows 10