详解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 相关文章推荐
javascript 单选框,多选框美化代码
Aug 01 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
每天一篇javascript学习小结(基础知识)
Nov 10 Javascript
Js的Array数组对象详解
Feb 22 Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 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环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
WordPress JQuery处理沙发头像
2009/06/22 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
python Django批量导入不重复数据
2016/03/25 Python
Python实现微信机器人的方法
2019/09/06 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
跟单文员岗位职责
2014/01/03 职场文书
财务工作者先进事迹材料
2014/01/17 职场文书
汉语言文学职业规划
2014/02/14 职场文书
地质灾害防治方案
2014/05/14 职场文书
设计专业自荐信
2014/06/19 职场文书
2015年安全保卫工作总结
2015/05/14 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python