首页 > 代码库 > 禁止微信内置浏览器调整字体大小

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

2024-10-13 16:29:39   215人阅读

原因：

制作微信页面是，用户设置微信默认字体大小，而造成页面布局的不忍直视

 

解决方案：

iOS：

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

Android：

(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
            });
        });
    }
})();

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


联系
我们