您现在的位置:首页 >> 网页设计 >> JavaScript >> 内容

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

时间:2019-5-9 9:53:24

  核心提示:1.rem.js内容?1234567891011121314! function(n) {var e = n.document,t = e.documentElement,i = 720,d = i...

1.rem.js内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  ! 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自适应详解整合,希望对大家有所帮助

Java免费学习   Java自学网 http://www.javalearns.com

关注微信号:javalearns   随时随地学Java

或扫一扫

随时随地学Java

作者:不详 来源:网络
    你是从哪里知道本网站的?
  • 网友介绍的
  • 百度搜索的
  • Google搜索的
  • 其它搜索过来的
  • 网址输错了进来的
  • 太忙了不记得了
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • java学习网(www.javalearns.com) © 2014 版权所有 All Rights Reserved.
  • Email:javalearns@163.com 站长QQ:1356121699 晋ICP备14003680号-3
  • java学习网部分内容来自网络或网友发布,如侵犯了您利益,请发邮件至:javalearns@126.com,我们尽快处理!
  • Java学习网
  • 网站统计
  • 晋公网安备 14042902000001号