微信浏览器字体缩放导致页面变形
问题来源
某个用户反馈签到功能异常,看了几遍用户发过来的视频后,马上就找到了原因,是因为用户放大了字体,导致页面变形了。
解决过程
去微信社区找到了一个 微信社区官方建议,把里面的代码贴到项目里测试,好像是不太行。
一顿百度,在掘金上找了一个 解决方案 。
安卓方案
直接上代码
(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 });
});
}
})();
在测试过程中发现加了这段代码之后,苹果设备也生效了,就没做别的处理了。
本作品采用《CC 协议》,转载必须注明作者和本文链接