前端禁用微信浏览器字体调整,用户设置了系统字体大小,导致微信内嵌h5页面字体大小改变
原文中文,约1200字,阅读约需3分钟。发表于: 。前端按设计稿开发,但是用户得手机调整了文字字体的大小,使得默认字体改的很大,我们APP端都对此进行了限制。但是安卓微信小程序默认没有限制。对h5页面布局产生了影响。 android下 App.vue <script> export default { name: 'App', mounted() { const handleFontSize = () => { ...
在前端开发中,用户调整手机字体大小会影响布局。安卓微信小程序默认不限制字体大小,影响H5页面。解决方案是在安卓中使用WeixinJSBridge设置默认字体大小,并禁止用户调整。在iOS中,通过CSS属性-webkit-text-size-adjust和text-size-adjust设置字体大小为100%,确保一致性。