zoukankan      html  css  js  c++  java
  • 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.直接使用

            

  • 相关阅读:
    async源码学习
    js 数组去重
    node通过http.request向其他服务器上传文件
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
  • 原文地址:https://www.cnblogs.com/guiyishanren/p/10658467.html
Copyright © 2011-2022 走看看