微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调整。
如下图:
微信图片_20181018202342.jpg
这样调整完字体,会导致一样样式上的错误。再次进入微信也是会记录到用户所用的字体大小。
解决办法禁止微信用户修改字体大小:
1.安卓手机
<script>
(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 });
});
}
})();</script>2.iOS手机
body { /* IOS禁止微信调整字体大小 */
-webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;
}
作者:无害wen
链接:https://www.jianshu.com/p/22c9b810704b