怎么用postcss做移动端适配

使用 PostCSS 进行移动端适配，可以通过以下步骤实现：

1. 安装 postcss 和 postcss-px-to-viewport 插件。

npm install postcss postcss-px-to-viewport --save-dev

2. 在项目根目录中创建 `postcss.config.js` 文件，并配置如下：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 750, // 设计稿宽度
      viewportHeight: 1334, // 设计稿高度，可以不指定
      unitPrecision: 3, // 转换后的精度，即保留几位小数
      viewportUnit: 'vw', // 转换后的单位
      selectorBlackList: ['.ignore', '.hairlines'], // 不进行转换的类名
      minPixelValue: 1, // 小于等于 1px 的不进行转换
      mediaQuery: false // 是否在媒体查询中也进行转换
    }
  }
}

3. 在 `package.json` 文件中添加 `postcss` 命令。

{
  "scripts": {
    "postcss": "postcss src/**/*.css --config postcss.config.js --dir dist/css"
  }
}

4. 运行 `npm run postcss` 命令进行转换。

以上步骤完成后，会将项目中所有 `src/**/*.css` 目录下的 CSS 文件进行转换，并输出到 `dist/css` 目录下。在 HTML 中引入转换后的 CSS 文件即可。

需要注意的是，如果你使用了一些 UI 库或者第三方组件库，可能需要对一些样式进行特殊处理，如添加 `.ignore` 类名或者使用 `hairlines` 等类名。具体可以查看插件文档进行配置。