uniapp H5发布后在部分手机字体变大,导致页面错乱


uniapp H5打包发布后在部分手机字体无故变大,导致页面错乱,字体都是使用upx(rpx)单位的(这个不是问题原因),在电脑的浏览器和微信开发者工具上各种机型测试页面都是正常的。

最后使用多个手机型号测试后,发现这个与手机型号无关,与微信设置的字体大小有关系。字体无故变大,导致页面错乱的手机都是把微信字体设置了非标准大小字体的手机。

 

查看微信字体大小:打开微信 → 我 → 设置 → 通用 → 字体大小

解决方法:

在App.vue的代码修改成一下代码