PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > 编程杂谈 > 正文

    手机web不同屏幕字体大小高度自适应

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:手机web不同屏幕字体大小高度自适应,body{font-size:0.6rem;}<script>//使用rem策略,不断更新html的fontsize(function(){ function...
    手机web不同屏幕字体大小高度自适应,

    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>
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-74-3651-1.html
    相关热词搜索: