在微信瀏覽器字體被調大導致頁面錯亂的解決辦法

iOS的解決方案是覆蓋掉微信的樣式：

body { /* IOS禁止微信調整字體大小 */-webkit-text-size-adjust: 100% !important;
}

安卓的解決方案是通過 WeixinJSBridge 對象將網頁的字體大小設置為默認大小，并且重寫設置字體大小的方法，讓用戶不能在該網頁下設置字體大小：

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

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

?

完