1. 按照官网要求按需导入组件(此处看我之前的文章或官网)
2. 根目录下postcss.config.js
module.exports = {
plugins: {
'autoprefixer': {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootValue: 37.5,
//这是基准值,在375px的屏幕变大rem的值会变大,小于这个大小元素的rem值会变小
propList: ['*']
}
}
}
3.下载两个插件
npm install postcss-pxtorem@5.1.1 --save-dev //版本不能大于6.0
npm i -S amfe-flexible
4.main,js中导入,就完成了适配
import 'amfe-flexible'