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

zhichengkeji

1. <script>
   
2.        (function() {
   
3.            if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
   
4.                handleFontSize();
   
5.            } else {
   
6.                if (document.addEventListener) {
   
7.                    document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
   
8.                } else if (document.attachEvent) {
   
9.                    document.attachEvent("WeixinJSBridgeReady", handleFontSize);
   
10.                    document.attachEvent("onWeixinJSBridgeReady", handleFontSize);  }
    
11.            }
    
12.            function handleFontSize() {
    
13.                // 设置网页字体为默认大小
    
14.                WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    
15.                // 重写设置网页字体大小的事件
    
16.                WeixinJSBridge.on('menu:setfont', function() {
    
17.                    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    
18.                });
    
19.            }
    
20.        })();
    
21. </script>

复制代码

zhichengkeji

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

复制代码