vue使用rem单位的方法

原创
05/24 23:06
阅读数 214

在index.html下加入,其中1500的值可以根据需求修改

<!-- 转换成rem布局 -->
<script>
    fnResize();
    window.onresize = function() {
        fnResize();
    }

    function fnResize() {
        var deviceWidth = document.documentElement.clientWidth || window.innerWidth;
        if (deviceWidth >= 1500) {
            deviceWidth = 1500;
        }
        if (deviceWidth <= 320) {
            deviceWidth = 320;
        }
        document.documentElement.style.fontSize = (deviceWidth / 15) + 'px';
    }
</script>

参考: https://blog.csdn.net/Robin_star_/article/details/86638138

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部