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

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

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

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

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

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

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

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

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

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

 

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

上一篇:Unity Android 打开相册和摄像头


下一篇:【java异常】 org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.emptech.db.demo.mapper.master.MOmQuotaTBMapper.findOmQuotaTB