微信瀏覽器字型縮放導致頁面變形

某個使用者反饋簽到功能異常，看了幾遍使用者發過來的視訊後，馬上就找到了原因，是因為使用者放大了字型，導致頁面變形了。

去微信社群找到了一個 微信社群官方建議，把裡面的程式碼貼到專案裡測試，好像是不太行。

一頓百度，在掘金上找了一個 解決方案 。

安卓方案

直接上程式碼

(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 協議》，轉載必須註明作者和本文連結