首页 > 其他 > 详细

vue-cli中使用rem,vue自适应

时间:2019-04-05 13:56:43      阅读:179      评论:0      收藏:0      [点我收藏+]

 

 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39588818/article/details/80103116

1.rem.js内容

            ! function(n) {
            var e = n.document,
    t = e.documentElement,
    i = 720,
    d = i / 100,
    o = "orientationchange" in n ? "orientationchange" : "resize",
    a = function() {
    var n = t.clientWidth || 320;
    n > 720 && (n = 720);
    t.style.fontSize = n / d + "px"
    };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))

            }(window);

2.项目目录

            技术分享图片

3.在main.js 中引入

                   技术分享图片

4.直接使用

        技术分享图片

vue-cli中使用rem,vue自适应

原文:https://www.cnblogs.com/guiyishanren/p/10658467.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!