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

?

完

轉載于:https://www.cnblogs.com/zishan/p/9184094.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的在微信浏览器字体被调大导致页面错乱的解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。