- 安装: yarn add amfe-flexible 或者 npm i amfe-flexible
- 引入: main.js下 import ' amfe-flexible'
- 将px转换为rem ,需要安装posctcss-pxtorem
- yarn add -D posctcss-pxtorem 或者npm i posctcss-pxtorem -D
- 项目根目录下创建.postcssrc.js文件,并复制一下代码进去
module.exports = {
plugins: {
autoprefixer: {
browsers: ['Android >= 4.0', 'iOS >= 8']
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*']
}
}
}
此时配置已完毕,重新启动服务。
浏览器中右击检查--查看元素样式是否已从px转换为rem 如果是则说明已经成功!!