微信字體大小調整導致的H5頁面錯亂問題處理

當用戶調整微信字體大小時會導致H5頁面錯亂，解決方案如下：

ios：在css中加入-webkit-text-size-adjust: 100% !important;

1.  
   body {
2.  
   -webkit-text-size-adjust: 100% !important;
3.  
   }

安卓：借助WeixinJSBridge對象來阻止字體大小調整，將此段代碼放在在程序的入口頁面(例如 index.html / index.ejs等)即可

1.  
   ( function () {
2.  
   if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
3.  
   handleFontSize();
4.  
   } else {
5.  
   document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
6.  
   }
7.  
   function handleFontSize () {
8.  
   // 設置網頁字體為默認大小
9.  
   WeixinJSBridge.invoke( 'setFontSizeCallback', { 'fontSize' : 0 });
10.  
    // 重寫設置網頁字體大小的事件
11.  
    WeixinJSBridge.on( 'menu:setfont', function() {
12.  
    WeixinJSBridge.invoke( 'setFontSizeCallback', { 'fontSize' : 0 });
13.  
    });
14.  
    }
15.  
    })();