禁止调整微信浏览器内字体大小

最近发现在微信浏览器中调整页面的字体大小时,会打乱页面的整个布局,在网上找了找解决的方案,找到了以下此方案,有效的解决了这个问题,我也借鉴过来以便更多的小伙伴解决此类问题

出现的问题:1、如果用户在标准情况下,打开页面。再调整字体大小,那么页面依旧正常。

2、如果用户先调整了字体大小,再打开页面,页面会变大,一秒之后恢复正常。

注:采用loading,可解决2的问题

  <script>
    //禁止调整微信浏览器内字体大小
       (function() {
           if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
               handleFontSize();
           } else {
               if (document.addEventListener) {
                   document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
               } else if (document.attachEvent) {
                   document.attachEvent("WeixinJSBridgeReady", handleFontSize);
                   document.attachEvent("onWeixinJSBridgeReady", handleFontSize);  }
           }
           function handleFontSize() {
               // 设置网页字体为默认大小
               WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
               // 重写设置网页字体大小的事件
               WeixinJSBridge.on('menu:setfont', function() {
                   WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
               });
           }
       })();
</script>

图片[1]-禁止调整微信浏览器内字体大小 - 易微帮博客-易微帮博客

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论