解决vue 版本使用postcss-px-to-viewport适配element-ui的问题

在Vue项目中使用postcss-px-to-viewport适配Element UI的问题，可以尝试如下解决方案：
1. 安装 postcss-px-to-viewport 和 postcss-import 插件：

npm install postcss-px-to-viewport postcss-import -D

2. 在根目录下新建一个postcss.config.js文件，并添加以下配置代码：

module.exports = {
  plugins: {
    'postcss-import': {},
    'postcss-px-to-viewport': {
      viewportWidth: 375, // 设计稿宽度
      unitPrecision: 3, // 小数精度
      viewportUnit: 'vw', // 转换成的视窗单位
      selectorBlackList: ['.ignore', '.hairlines'], // 忽略的类名
      minPixelValue: 1, // 小于1px不转换
      mediaQuery: false // 允许在媒体查询中转换px
    }
  }
}

3. 在main.js中引入postcss文件：

import './assets/css/postcss.css'

4. 重新启动项目即可。