禁止微信内置浏览器调整字体大小 -云博客

禁止微信内置浏览器调整字体大小

# 微信 2024-05-05 12:15 0 37 来源：云博客

原因：

制作微信页面是，用户设置微信默认字体大小，而造成页面布局的不忍直视

解决方案：

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