码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-05 13:58:44      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:文章   tracking   sdn   title   nic   width   ref   允许   top   

 

 版权声明:本文为博主原创文章,未经博主允许不得转载。 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自适应

标签:文章   tracking   sdn   title   nic   width   ref   允许   top   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!