关于rem换算、移动端通过js控制动态控制rem宽高比的一个函数

最新推荐文章于 2025-01-18 08:42:56 发布

宋哈哈

最新推荐文章于 2025-01-18 08:42:56 发布

阅读量478

点赞数

CC 4.0 BY-SA版权

分类专栏：有用的代码总结

本文链接：https://blog.youkuaiyun.com/qq_40028324/article/details/82796160

有用的代码总结专栏收录该内容

68 篇文章

订阅专栏

本文深入探讨了使用REM单位实现响应式布局的方法，详细解释了如何根据屏幕宽度动态调整字体大小，确保网页在不同设备上都能保持良好的阅读体验。

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

        (function () { // rem换算zx
            var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
            var docEl = document.documentElement;
            function resizeFn() {
                var docW = docEl.clientWidth;
                if (docW > 750) {
                    docW = 750
                }
                docEl.style.fontSize = (docW * 100 / 750) + 'px';
            }
            resizeFn();

            window.addEventListener(resizeEvt, resizeFn);
        })()