禁止微信内置浏览器调整字体大小
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了禁止微信内置浏览器调整字体大小相关的知识,希望对你有一定的参考价值。
原因:
制作微信页面是,用户设置微信默认字体大小,而造成页面布局的不忍直视
解决方案:
ios:
/* IOS禁止微信调整字体大小 */ body { -webkit-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 }); }); } })();
以上是关于禁止微信内置浏览器调整字体大小的主要内容,如果未能解决你的问题,请参考以下文章