微信自身字体调大因而影响页面字体变大解决方法

时间：2020-11-13 12:14:46 收藏：0 阅读：24

参考： https://blog.csdn.net/ddyy2695734664/article/details/106903628/

直接上代码：

body { /* IOS禁止微信调整字体大小 */
            -webkit-text-size-adjust: 100% !important;
            text-size-adjust: 100% !important;
            -moz-text-size-adjust: 100% !important;
        }

<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>

　然后微信 webview 字体就正常了

微信自身字体调大 因而影响页面 字体变大 解决方法

微信自身字体调大因而影响页面字体变大解决方法