动态设置htmlfontSize

最新推荐文章于 2024-07-03 17:44:24 发布

原创最新推荐文章于 2024-07-03 17:44:24 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#函数

904日记专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种基于6s750像素的响应式布局方案，该方案能够根据屏幕宽度自动调整字体大小，确保不同设备上的一致显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以6s 750像素为基础

    (function() {
        var updateBaseFontSize = function() {
            var dWidth = document.documentElement.clientWidth;
            var baseFontSize = dWidth * 100 / 750;
            $('html').css('font-size',baseFontSize+'px');
        };

        window.addEventListener('resize', updateBaseFontSize);
        updateBaseFontSize();
    })();