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

 

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

        

猜你喜欢

转载自www.cnblogs.com/guiyishanren/p/10658467.html