恰饭广告 感谢理解
恰饭广告 感谢理解
Q云
莆田潮牌鞋服
数字严选
创科云
为什么HTML中文字大小要使用font-size: 62.5%;?

为什么HTML中文字大小要使用font-size: 62.5%;?

在移动端开发过程中,需考虑到不同手机上不同分辨率的展示效果,因此需要采用自适应解决方案。一种常见的解决方案是使用rem(根相对单位),其缩写来自于root-em。

html的font-size是16px,因此1rem等于16px。然而,要表示14px就需要计算0.875rem,这不仅不美观,而且计算起来较为繁琐。为了解决这个问题,可以将html的font-size设置为10px,这样14px可以表示为1.4rem。

然而,为了兼容性和未来发展的考虑,px这个单位的含义变得越来越模糊。无法确定未来的设备是否会一直保持对网页中的px进行兼容处理,或者将px恢复为其本意——“像素”。

为了解决这个问题,可以设置html {font-size: 62.5%;},这样1rem将等于16px的62.5%,即10px。同样,14px可以表示为1.4rem。

同时,62.5%表示默认字体尺寸的62.5%,这个含义不会引起混淆。

所以,《响应式Web设计实践》中提到,桌面浏览器的默认页面字体大小为16px。在这种情况下,无论是设置具体像素大小还是相应的百分比,呈现效果都是相同的。然而,其他类型的设备默认字体大小未必是16px,尤其是高分辨率设备,对于它们来说,16px的字体看起来会非常小。因此,在body上设置具体的像素值是不合适的,而设置百分比可以根据设备的基准字体大小为编写的网页设置最适合用户浏览的字体大小。最重要的是考虑屏幕上文字的可读性,而不是屏幕的实际像素大小。

© 版权声明
THE END
喜欢就支持一下吧
点赞16赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容