署理加盟 2019全新署理方案 挣钱+省钱左右开弓,独立渠道,丰盛赢利!

您现在的方位: unibet网 > 站长学院 > 建站教程 >

html手机站字体依据屏幕巨细主动习惯

来历:不知道 发布时刻:2019-04-13热度:我要谈论
手机呼应式布局,是获取屏幕尺度,在某个区间用一种css,另个区间用另一种css。需求用@media写多份css的。无法做到真实的随屏幕改变而改变。...

unibet注册unibet淘宝店开业,好礼送不断

手机呼应式布局,是获取屏幕尺度,在某个区间用一种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.m88nob1.com/news/1638.html

    责任编辑:unibet网

    宣布谈论

    谈论列表(条)