移動端fontsize被瀏覽器自動放大致使rem自適應出問題

最近寫移動端發現,當我用rem給html根元素一個指定的比例值時候,但會被webview的內置瀏覽給加一層過濾將其值放大css

 

最終會影響rem的佈局。最終在網上查了好久一篇文章寫font boosting的跟個人狀況很類似。https://github.com/jin5354/404forest/issues/33。html

因而按着他的方案去解決,然而並無用。git

$(function(){    $(window).resize(infinite);    function infinite() {        var $html =  $('html');        var htmlWidth =$html.width();        var html_fontsize = 28.8 / 720 * htmlWidth;        $html.css({            "font-size" :  28.8 / 720 * htmlWidth + "px"        });        if(html_fontsize == parseInt(getComputedStyle($html[0]).fontSize)){            return;        }        else {            var t_fs = html_fontsize/(parseInt(getComputedStyle($html[0]).fontSize)/html_fontsize);            $html.css({                "font-size" :t_fs+'px'            });        }    }infinite();});因而我寫了方法,來找到真實的fontsize。寫按着正常寫fontsize加到html上,而後根據瀏覽器擴大的比例。在計算出,真正須要寫多少fontsize通過放大後才能獲得的你想要的computed的值。
相關文章
相關標籤/搜索