postcss-px-to-viewport 怎么适配pc和移动端

在使用postcss-px-to-viewport插件进行PC和移动端适配时，你可以按照以下步骤进行操作：

1. 首先，安装postcss-px-to-viewport插件。你可以使用npm命令进行安装：

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

2. 在你的项目中创建一个postcss.config.js文件，并在其中配置postcss-px-to-viewport插件。你可以根据需要调整参数来适配不同的设备。以下是一个示例配置：

module.exports = {
  plugins: [
    require('postcss-px-to-viewport')({
      viewportWidth 750,  // 设计稿的宽度
      viewportHeight:1334,  // 设计稿的高度
      unitPrecision: 3,  // 转换后的小数位数
      viewportUnit: 'vw',  // 转换的视口单位
      selectorBlackList: ['.ignore'],  // 需要忽略的CSS选择器
      minPixelValue: 1,  // 小于或等于1px不转换
      mediaQuery: false  // 允许在媒体查询中转换px
    })
  ]
}

3. 在你的CSS文件中使用px作为单位进行样式编写。插件会自动将px转换为适配的视口单位。

通过以上步骤，你可以使用postcss-px-to-viewport插件来实现PC和移动端的适配。