html手机站字体根据屏幕大小自动适应

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种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>

转载请注明来源网址：https://www.mubanyun.com/news/1638.html