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

Posted kbeer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机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>

以上是关于手机web不同屏幕字体大小高度自适应的主要内容,如果未能解决你的问题,请参考以下文章

javascript实现限定高度下文字随不同设备自适应改变字体大小至字数完全展示

Grid形式的RecyclerView屏幕宽度自适应

iOS UILable 高度自适应

iOS 根据给定宽度自适应文字大小

css 怎么让自适应屏幕大小,不出现滚动条呢

css样式自适应分辨率