手機響應(yīng)式布局，是獲取屏幕尺寸，在某個區(qū)間用一種css，另個區(qū)間用另一種css。需要用@media寫多份css的。無法做到真正的隨屏幕變化而變化。

下面我們分享一段JS代碼解決這個問題：

body{font-size：0.6rem；}

<script>

//使用rem策略，不斷更新html的fontsize

(function(){

    function sizeHtml(){

        window.mtSizeBase = $(window).width()/16;

        window.mtSizeBase = window.mtSizeBase>45?45:window.mtSizeBase;

        $("html").css("font-size",window.mtSizeBase+"px");

    }

    sizeHtml();

    $(window).resize(function(){

        setTimeout(function(){

            sizeHtml();

        },300);

    });

})();

</script>