阻止微信、系統使用放大字型後,網站頁面錯亂
阿新 • • 發佈:2021-10-28
微信、系統使用放大字型後,整個網站頁面會錯亂;
iOS系統
body,html { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }安卓系統
(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 }); }); } })();