禁止微信內置瀏覽器調整字體大小
阿新 • • 發佈:2017-06-29
重寫 adjust dev llb document ner ack 設置 ridge
原因:
制作微信頁面是,用戶設置微信默認字體大小,而造成頁面布局的不忍直視
解決方案:
iOS:
/* IOS禁止微信調整字體大小 */ body { -webkit-text-size-adjust: 100% !important; }
Android:
(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 }); }); } })();
禁止微信內置瀏覽器調整字體大小