使用vant进行rem移动端屏幕适配

使用vant进行rem移动端屏幕适配

1.下载所需工具

npm i postcss-pxtorem -D
npm i amfe-flexible

2.修改根目录下的postcss.config.js 文件（如果没有这个文件，可以手动添加一份）

3.修改根目录下的postcss.config.js 文件

module.exports = {
  plugins: {
    'autoprefixer': {},
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

4.在main.js里面引入 amfe-flexible

5.重启服务器即可。