最近寫移動端發現,當我用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的值。