微信设置字体很大 - 导致公众号页面布局错乱的解决方案
程序员文章站
2022-06-12 19:58:48
...
IOS解决方案:
body{
-webkit-text-size-adjust: 100% ;
}
安卓解决方案:
通过 WeixinJSBridge 设置网页字体为默认大小,并禁止用户自定义缩放页面
(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 });
});
}
})();
上一篇: 接口回调的使用
下一篇: controller日常开发报错解决记录