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

Posted 2021-02-15 guiyishanren

 

2018年04月27日 09:25:34 董小礼 阅读数：4196

 

 版权声明：本文为博主原创文章，未经博主允许不得转载。 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.直接使用