探究为何rem在chrome浏览器上计算出错-渴望做梦

最近在一个项目中，测试同学提了一个bug，说手机上有个页面的某些字体显示偏大。就像这样

我用chrome浏览器在pc上测试了一下，发现pc上也有这个问题，但是用其它浏览器打开这个页面就没有发现这个问题。

于是，上网百度了一下，发现原来是chrome浏览器的问题。

通过各种百度Google然后我总结了一下这个问题产生的原因：

chrome浏览器目前支持的最小的字体大小为12px，而我在html根元素上设置font-size:62.5%，计算之后就是10px，1rem=10px。

由于我页面字体大小都是按照10px的基数去算的，所以当chrome浏览器计算字体大小时就出现了出错。

解决方案：

又经过一番百度Google之后，总结了一下这种问题的解决方法。

网上提供的两种最多的解决方案就是

1、js方法

 
document.body.style.fontSize = '1.6rem';
 
 

查看更多关于探究为何rem在chrome浏览器上计算出错-渴望做梦的详细内容...