首页 > 移动平台 > 详细

谷歌调试移动端字体大小增大问题

时间:2019-11-20 18:53:23      阅读:131      评论:0      收藏:0      [点我收藏+]

以前在做移动端的时候是用的rem布局。这次新公司主管说直接用px写。然后在谷歌上调试的时候出现了如下问题:

我定义的字体大小是32px,而浏览器渲染成了40px。

技术分享图片

而有意思的是,我如果给这个容器小一些的宽度,则字体大小就是正常的

技术分享图片

最后找到原因是因为浏览器的 Font Boosting 原因导致(没有设置高度的容器,浏览器会自动增加字体大小)。

解决方法:通过设置高度解决

技术分享图片

参考链接:https://github.com/amfe/article/issues/10

 

谷歌调试移动端字体大小增大问题

原文:https://www.cnblogs.com/zpxm/p/11899540.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!