详解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提示用户版本更新方式

    vue3提示用户版本更新方式

    本文介绍了如何在项目中创建和使用自定义插件,以在构建过程中检查版本号,具体步骤包括在项目根目录下创建buildLifeHook.ts文件,并在public目录下创建version文件夹,然后在vite.config.ts中引用该插件,并在src/utils目录下创建XxzUtils.ts文件
    2024-12-12
  • Vue如何使用本地JSON文件

    Vue如何使用本地JSON文件

    这篇文章主要介绍了Vue如何使用本地JSON文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • 详解如何在Vue3+TS的项目中使用NProgress进度条

    详解如何在Vue3+TS的项目中使用NProgress进度条

    本文主要介绍了详解如何在Vue3+TS的项目中使用NProgress进度条,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 关于VueRouter导入的全过程

    关于VueRouter导入的全过程

    这篇文章主要介绍了关于VueRouter导入的全过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • 关于vue路由监听事件跳转的问题

    关于vue路由监听事件跳转的问题

    这篇文章主要介绍了关于vue路由监听事件跳转的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue elementui 动态追加下拉框、输入框功能

    vue elementui 动态追加下拉框、输入框功能

    这篇文章主要介绍了vue elementui 动态追加下拉框、输入框功能,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-04-04
  • Vue源码makeMap函数深入分析

    Vue源码makeMap函数深入分析

    vue源码中的makeMap用在很多地方,主要是判断标签是原生标签还是用户自定义的组件,但是标签很多,如果每判断一次都执行一次循环,累计下来,性能损耗还是很大的,makeMap就是解决这个问题出现的
    2022-08-08
  • Vue--keep-alive使用实例详解

    Vue--keep-alive使用实例详解

    这篇文章主要介绍了Vue--keep-alive使用实例详解,keep-alive标签主要用于保留组件状态或避免重新渲染,用示例代码介绍Vue的keep-alive的用法,需要的朋友可以参考下
    2022-08-08
  • Vue 解决路由过渡动画抖动问题(实例详解)

    Vue 解决路由过渡动画抖动问题(实例详解)

    这篇文章主要介绍了Vue 解决路由过渡动画抖动问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vue 动态修改a标签的样式的方法

    vue 动态修改a标签的样式的方法

    这篇文章主要介绍了vue 动态修改a标签的样式的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01

最新评论