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

Posted IT人生

tags:

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

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 禁止微信内置浏览器调整字体大小方法的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

微信H5适配 解决微信调整字体大小导致Html5页面混乱

微信开发注意点

手机web禁止微信调整字体