微信浏览器字体缩放导致页面变形

问题来源

某个用户反馈签到功能异常,看了几遍用户发过来的视频后,马上就找到了原因,是因为用户放大了字体,导致页面变形了。

解决过程

去微信社区找到了一个 微信社区官方建议,把里面的代码贴到项目里测试,好像是不太行。

一顿百度,在掘金上找了一个 解决方案

安卓方案

直接上代码

(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 协议》,转载必须注明作者和本文链接
感谢阅读,有收获的话不妨点个赞:smiling_imp:
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!