js根据浏览器窗口大小实时改变网页文字大小

最新推荐文章于 2020-08-27 14:16:24 发布

weixin_34216036

最新推荐文章于 2020-08-27 14:16:24 发布

阅读量131

点赞数

原文链接：http://www.cnblogs.com/tnnyang/p/5109482.html

版权

目前，有了css3的rem，给我们的移动端开发带来了前所未有的改变，使得我们的开发更容易，更易兼容很多设备，但这个不在本文讨论的重点中，本文重点说说如何使用js来实时改变网页文字的大小。
代码：

<script>
        /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
        function placeholderPic(){
            var w = document.documentElement.offsetWidth;
            document.documentElement.style.fontSize=w/20+'px';
        }
        placeholderPic();
        window.onresize=function(){
            placeholderPic();
        }
    </script>

转载于:https://www.cnblogs.com/tnnyang/p/5109482.html