详解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 相关文章推荐
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
elementui的el-popover修改样式不生效的解决
Jun 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动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
JS查看对象功能代码
2008/04/25 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
Python中__new__与__init__方法的区别详解
2015/05/04 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
django的登录注册系统的示例代码
2018/05/14 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
天网面试题
2013/04/07 面试题
当当网软件测试笔试题
2015/11/24 面试题
贯彻学习两会心得体会范文
2014/03/17 职场文书
六个一活动实施方案
2014/03/21 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
横空出世观后感
2015/06/09 职场文书
投诉书范文
2015/07/02 职场文书
团队拓展训练感想
2015/08/07 职场文书