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

更新时间：2019年05月06日 14:55:55 作者：董小礼

这篇文章主要介绍了vue-cli使用rem,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-cli使用rem,vue自适应详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

vue3中ref获取子组件的值代码示例
这篇文章主要给大家介绍了关于vue3中ref获取子组件值的相关资料,在Vue3中父组件获取子组件的值可以通过使用'ref'和'$refs'来实现,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
2023-08-08
Vite多环境配置及变量识别规则
这篇文章主要为大家介绍了Vite多环境配置时间及vite识别环境变量的规则,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
vue中引用文件路径问题小结
vue路径分为绝对路径、相对路径、~+路径及别名+路径,在js中,引入带别名的文件路径,不需要在别名前加~ ,在css或者style中引入的需要在路径前面加~,路径以 ~ 开头,其后的部分将会被看作模块依赖,本文给大家介绍vue中引用文件路径问题,感兴趣的朋友一起看看吧
2023-12-12
关于vue双向绑定带来的问题及解决
这篇文章主要介绍了关于vue双向绑定带来的问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
vue mint-ui学习笔记之picker的使用
本篇文章主要介绍了vue mint-ui学习笔记之picker的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
在vant中如何使用dialog弹窗
这篇文章主要介绍了在vant中如何使用dialog弹窗，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-05-05
VUE在for循环里面根据内容值动态的加入class值的方法
这篇文章主要介绍了VUE在for循环里面根据内容值动态的加入class值的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
vue实现tab栏点击高亮效果
这篇文章主要为大家详细介绍了vue实现tab栏点击高亮效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
Vue github用户搜索案例分享
这篇文章主要介绍了Vue github用户搜索案例分享，文章基于Vue的相关资料展开对主题的详细介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-04-04
Vue2响应式系统之嵌套
这篇文章主要介绍了Vue响应式系统之嵌套，我们在开发中肯定存在组件嵌套组件的情况，下文将举例说明情况，需要的小伙伴可以参考一下
2022-04-04