小程序
小游戏
企业微信
微信支付
扫描小程序码分享
改变微信默认字体大小,导致公众号内开发的H5页面布局错乱
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
document.addEventListener("WeixinJSBridgeReady", function () {
WeixinJSBridge.invoke("setFontSizeCallback", {
fontSize: '2'
});
}, false);
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
document.addEventListener("WeixinJSBridgeReady", function () {
WeixinJSBridge.invoke("setFontSizeCallback", {
fontSize: '2'
});
}, false);
ios系统:
body{
-webkit-text-size-adjust: 100% !important;
}
安卓系统:
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke("setFontSizeCallback&", { "fontSize" : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on("menu:setfont", function() {
WeixinJSBridge.invoke("setFontSizeCallback", { "fontSize&" : 0 });
});
}
})();
安卓的这个方法有个缺陷,页面先看到的是字体被放大的效果,然后闪回到正常的展示,估计1s,因为WeixinJSBridge初始化需要一点时间,要等到WeixinJSBridge初始化后才可以调用其的方法设置字体到默认大小。如果页面有loading的话,就不看不出来了。