微信浏览器 rem 不适配的解决方案

在升级系统或升级微信之后,微信内置浏览器产生的 rem 不能正确填充满的问题。该问题着实让人难受,小编在看到测试提的这个BUG之后也是瞬间整个人都不好了。

 “天将降大任于斯人也”,经过尝试得知了该问题产生的原因是因为微信在设置字体大小后,会对浏览器中设置 rem 的值产生影响。找到原因,该问题解决了50%;在阅读另一个博主的文章《华为,小米部分机型微信浏览器rem不适配的解决方案》后。找到了解决问题的关键。

参考原文:https://www.cnblogs.com/Lmey/p/12218444.html,感谢该博主的骚代码。

在前面大佬的肩膀上,我参考并完善了我的 js 逻辑。js源码下载地址

前端资源:https://mydarling.gitee.io/resource/

JS文件:https://mydarling.gitee.io/resource/files/helang-flexible.js

微信浏览器 rem 不适配的解决方案_第1张图片

作者:黄河爱浪 QQ:1846492969,邮箱:[email protected]

本文原创,著作权归作者所有,转载请注明原链接及出处。

你可能感兴趣的:(web前端,javascript,css,html5)