- 安装插件
# npm
npm install amfe-flexible -S
npm install postcss-px2rem -S
# yarn
yarn add amfe-flexible
yarn add postcss-px2rem -D
- 在main.js中引入文件
import 'amfe-flexible'
- 配置postcss-px2rem
# vue.config.js文件
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
pxtorem({
rootValue: 75, // 设计图的宽度/10
propList: ['*', '!border*'], // 不匹配边框
})
]
}
}
}
}
# 在css中,使用`/*no*/`表示该属性不进行rem转换