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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了禁止微信内置浏览器调整字体大小相关的知识,希望对你有一定的参考价值。

原因:

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

 

解决方案:

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

以上是关于禁止微信内置浏览器调整字体大小的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

微信开发注意点

手机web禁止微信调整字体

怎么限制微信内置浏览器对页面字体大小的修改