为什么手机端布局设置html的根字号是62.5

为什么手机端布局设置html的根字号是62.5,第1张

这是为了响应不同终端字体响应,在网页设计中我们经常看见body{font-size: 62.5%}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%}时,1em则=16px*62.5%=10px,1.2em则=12px,这是不是就简单多了,准确多了呢~~

字体大小默认是16px  16的62.5% = 10px;

字体大小设置成62.5%,1rem = 10px, 750px = 7.5em,

需注意一个问题(chrome的最小字体为12px,也就是说谷歌浏览器会有问题)

字体大小默认是16px  16的62.5% = 10px;

把字体大小设置成62.5%,1rem = 10px, 750px = 7.5em,

需注意一个问题(chrome的最小字体为12px,也就是说谷歌浏览器会有问题)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7467720.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存