微信のフォントサイズの調整によるHtml 5ページの混乱の解決

875 ワード

原理:iosとアンドロイドがフォントサイズを調整する時のイベントを阻止し、iosはcss属性を追加することによって、アンドロイドは微信属性を通じて注釈を阻止する:追加後、外部でフォントサイズを変更することができず、プロジェクトの需要に応じてiosシステムを運用する:
body{
    -webkit-text-size-adjust: 100% !important;
}

アンドロイドシステム:
(function() {
    if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        handleFontSize();
    } else {
        document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
    }
    function handleFontSize() {
        //            
        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
        //              
        WeixinJSBridge.on('menu:setfont', function() {
            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
        });
    }
})();