代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

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

来源:未知 发布时间:2019-04-13热度:我要评论
手机响应式布局,是获取屏幕尺寸,在某个区间用一种css,另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。...

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

本文地址:http://www.xiuzhanwang.com/news/1638.html

    责任编辑:秀站网

    发表评论

    评论列表(条)