代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: cf阿拉维斯如何钻bug > 站長學院 > 建站教程 >

阿拉维斯对马德里竞技:html手機站字體根據屏幕大小自動適應

來源:未知 發布時間:2019-04-13熱度: ℃我要評論
手機響應式布局,是獲取屏幕尺寸,在某個區間用一種css,另個區間用另一種css。需要用@media寫多份css的。無法做到真正的隨屏幕變化而變化。...

cf阿拉维斯如何钻bug www.rxtxrm.com.cn 織夢模板免費下載,無需注冊無需充值

手機響應式布局,是獲取屏幕尺寸,在某個區間用一種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>

本文地址://www.rxtxrm.com.cn/news/1638.html

    發表評論

    評論列表(條)