vue中移动端适配（自用）

移动端适配：rem+flex

postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem

lib-flexible 用于设置 rem 基准值

$ npm postcss-pxtorem --save-dev

同时我们需要在vue脚手架根目录中配置一个 .postcssrc.js文件

module.exports = {
  plugins: {
    //脚手架配置过了
    /*  autoprefixer: {
      browsers: ["Android >= 4.0", "iOS >= 8"]
    }, */
    "postcss-pxtorem": {
      rootValue({ file }) {
        //不等于-1  就是存在vant 值为37.5 反之是75
        return file.indexOf("vant") !== -1 ? 37.5 : 75;
      },
      propList: ["*"]
      //配置不要转换的样式资源
      // exclude: "github-markdown"
    }
  }
};

qwq自用