原因：

制作微信頁面是，用戶設置微信默認字體大小，而造成頁面布局的不忍直視

解決方案：

iOS：

/* IOS禁止微信調整字體大小 */
body { 
    -webkit-text-size-adjust: 100% !important;
}

Android：

(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
            });
        });
    }
})();
 

禁止微信內置瀏覽器調整字體大小