微信字体大小调整导致的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.  
    })();