第一步

1. yarn add amfe-flexible（或者用npm安装亦可）;
2. yarn add postcss-px-to-viewport -D（或者用npm安装亦可）

第二步

1. 在main.tsx中引入import 'amfe-flexible'
2. 在vite.config.ts文件中首先引入import postCssPxToRem from "postcss-pxtorem"然后再设置如下

 postcss: {
        plugins: [
          postCssPxToRem({
            rootValue: 37.5, // 1rem的大小
            propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
          })
        ]
      }

3、项目跑起来后会发现这里设置的div宽度单位变成rem。根据需要修改rootValue