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脚手架中使用Vant,实现自动按需引入组件,并将px转换为rem
vue项目使用webpack loader把px转换为rem
webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!
webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!