vue中rem的转换

Posted zwh520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中rem的转换相关的知识,希望对你有一定的参考价值。

 1 function rems(doc: any, win: any): void {
 2     let docEl = doc.documentElement,
 3     resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
 4     recalc = function () {
 5     let clientWidth = docEl.clientWidth;
 6     if (!clientWidth) return;
 7     docEl.style.fontSize = 20 * (clientWidth / 750) + ‘px‘;
 8     };
 9     if (!doc.addEventListener) return;
10     win.addEventListener(resizeEvt, recalc, false);
11     doc.addEventListener(‘DOMContentLoaded‘, recalc, false);
12 }
13 export default {
14     return : rems(document,window)
15 }

 

以上是关于vue中rem的转换的主要内容,如果未能解决你的问题,请参考以下文章

vue px转换为rem

vue中rem的转换

vue脚手架中使用Vant,实现自动按需引入组件,并将px转换为rem

vue项目使用webpack loader把px转换为rem

webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!

webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!