公众号禁止用户更改字体大小导致页面布局变形

1、iOS的解决方案是覆盖掉微信的样式：

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

2、安卓手机禁止微信客户端修改字体大小：

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

        });

    }