解决vant移动端和rem不兼容导致样式问题

199 阅读1分钟

npm install postcss-pxtorem 原因是因为 postcss这个插件 把vant里面的样式给转换成了rem,所以变的很小 npm install amfe-flexible 这个文件是根据基准值去自适应rem大小。为了让remUnit这个生效 然后 你会发现 postcss-pextorem 不太行 卸载了 npm uninstall postcss-pxtorem 然后 npm install postcss-px2rem-exclude

然后在vue根目录新建一个postcss.config.js文件

module.exports = {
  plugins: [
      require('postcss-px2rem-exclude')(
          { 
              remUnit: 75 ,
              exclude: /node_modules/i
          }
      )

  ]
}