vue移动端适配

第一步：先下载一个插件：npm i postcss-px-to-viewport

第二步：在vue项目中的文件夹下创建一个.postcssrc.js

               在.postcssrc.js中的代码

const path = require('path');
module.exports = ({ file }) => {
  let filename = { file }.file;
  const designWidth = filename.includes(path.join("node_modules", "vant"))
    ? 375
    : 750;
  return {
    plugins: {
      "postcss-px-to-viewport": {
        unitToConvert: "px",
        viewportWidth: designWidth,
        unitPrecision: 6,
        propList: ["*"],
        viewportUnit: "vw",
        fontViewportUnit: "vw",
        selectorBlackList: [],
        minPixelValue: 1,
        mediaQuery: true,
        exclude: [],
        landscape: false
      },
    }
  }
}