欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-02-20 09:08:28|栏目:vue|点击:

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实现表格过滤功能

栏    目:vue

下一篇:详解Vue 非父子组件通信方法(非Vuex)

本文标题:详解vue-cli中使用rem,vue自适应

本文地址:http://www.codeinn.net/misctech/66664.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有