微信字体设置导致页面错位的解决方法
in 前端 with 0 comment

微信字体设置导致页面错位的解决方法

in 前端 with 0 comment

又碰到了个奇葩的问题,部分客户把微信的字体调成了超大,导致rem出错页面炸了。
本来以为无解的问题,没想到微信提供了对应的接口。。

可,该看不清还是看不清啊= =...

//fix 微信字体大于标准时,强制以标准显示
(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
            });
        });
    }
})();
Comments are closed.