在项目中使用lib-flexible动态设置rem值做手机端像素适配

1.安装依赖

npm i amfe-flexible

2.在main.js中加载执行该模块
import ‘amfe-flexible’

使用postcss-pxtorem将px转换成rem
1.安装依赖
npm i postcss-pxtorem -D
2.在项目的根目录创建一个postcss.config.js文件
添加以下内容

module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 8']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

然后重启项目就可以看到PX转换成了rem辣