移动端rem的转换（750设计稿）

最新推荐文章于 2025-04-09 14:19:22 发布

weixin_30929295

最新推荐文章于 2025-04-09 14:19:22 发布

阅读量964

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/1666818961-lxj/p/9408250.html

本文介绍了一种使用JavaScript实现页面自适应布局的方法，通过调整根元素的字体大小来确保不同屏幕尺寸下的一致显示效果。

js转换文件

    /*
    说明：100px=1rem
    */
    <script>
        + function() {
            remLayout();

            function remLayout() {
                var w = document.documentElement.clientWidth;
                w = w > 768 ? 768 : w;
                w = w <= 320 ? 320 : w;
                document.documentElement.style.fontSize = w / 7.5 + 'px';
            }
            window.addEventListener('resize', function() {
                remLayout();
            }, false);
        }();
    </script>

转载于:https://www.cnblogs.com/1666818961-lxj/p/9408250.html