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

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

原创最新推荐文章于 2025-01-18 08:42:56 发布 · 487 阅读

0 ·

CC 4.0 BY-SA版权

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

70 篇文章

订阅专栏

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

        (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);
        })()