详解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 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
Mar 04 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
Sep 29 Javascript
js实现动态增加文件域表单功能
Oct 22 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 Javascript
JS ES6异步解决方案
Apr 29 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
简单实现限定phpmyadmin访问ip的方法
2013/03/05 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
2007/05/08 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
跟老齐学Python之网站的结构
2014/10/24 Python
简单介绍Python中的struct模块
2015/04/28 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
Python安装selenium包详细过程
2019/07/23 Python
Python assert关键字原理及实例解析
2019/12/13 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
基本款天堂:Everlane
2017/05/13 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
前厅收银主管岗位职责
2014/02/04 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS