字体大小适配宽度

Posted Basu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了字体大小适配宽度相关的知识,希望对你有一定的参考价值。

加在head中

    <script type="text/javascript">
        function fontFun() {
            var winW = document.documentElement.clientWidth;
            document.documentElement.style.fontSize = (winW / 750 * 625) + "%";
        }
        fontFun();
        window.onresize = fontFun;
    </script>

 

以上是关于字体大小适配宽度的主要内容,如果未能解决你的问题,请参考以下文章

移动端适配方案:js实现动态改变根元素的字体大小

移动端的屏幕适配问题

flutter 屏幕尺寸适配字体大小适配

使用动态rem方案适配不同屏幕尺寸

移动端适配-px转成rem

ios 判断屏幕显示是@2x还是@3x来调用字体大小