vue中px布局如何自动转换为vw或rem
官方网址
https://www.npmjs.com/package/@moohng/postcss-px2vw
使用说明
- 首先安装一个npm包
npm install @moohng/postcss-px2vw --save-dev
- 在项目根目录下创建
postcss.config.js
文件,并添加:
module.exports = {
plugins: {
'@moohng/postcss-px2vw': {
rootValue: 200 // 可不填写 默认先转为vm 浏览器不支持的话才会为rem (此处为参考html字号)
}
}
}
配置完成之后就可以在项目中尽情玩耍了,上述如果不清楚可以去官网自行查看