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


Posted in Javascript onMay 06, 2019

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.项目目录

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

3.在main.js 中引入

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

4.直接使用

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

以上所述是小编给大家介绍的vue-cli使用rem,vue自适应详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
Dec 07 Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
javascript实现摄像头拍照预览
Sep 30 Javascript
用Vue编写抽象组件的方法
May 06 #Javascript
JS解惑之Object中的key是有序的么
May 06 #Javascript
微信小程序和百度的语音识别接口详解
May 06 #Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 #Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 #Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 #Javascript
JavaScript中关于base64的一些事
May 06 #Javascript
You might like
培养自己的php编码规范
2015/09/28 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
浅析vue数据绑定
2017/01/17 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
python实现对变位词的判断方法
2020/04/05 Python
使用python计算三角形的斜边例子
2020/04/15 Python
详解python tcp编程
2020/08/24 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
保安员岗位职责
2013/11/17 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
教师年终个人总结
2015/02/11 职场文书
护士求职简历自我评价
2015/03/10 职场文书
MySQL分区表实现按月份归类
2021/11/01 MySQL