postcss-px-to-viewport怎么设置让火狐和谷歌显示不一致怎么优化

如果你想让火狐和谷歌显示不一致，可以考虑设置不同的viewport宽度或者不同的设备像素比。可以在postcss-px-to-viewport插件配置中设置不同的参数，例如：

module.exports = {
  plugins: [
    require('postcss-px-to-viewport')({
      viewportWidth: 750,  // 设置为750，适用于谷歌浏览器
      viewportHeight: 1334,
      unitPrecision: 5,
      viewportUnit: 'vw',
      selectorBlackList: ['.ignore', '.hairlines'],
      minPixelValue: 1,
      mediaQuery: false,
      replace: true,
      exclude: /(\/|\\)(node_modules)(\/|\\)/,
      landscape: false,
      landscapeUnit: 'vw',
      landscapeWidth: 1134,
      forceViewport: true,
      customViewportCalc: null,
      // 设置不同的设备像素比
      selectorBlackList: ['.ignore-h5'],
      mediaQuery: false,
      exclude: /(\/|\\)(node_modules)(\/|\\)/,
      minPixelValue: 1,
      landscape: false,
      viewportUnit: 'vw',
      unitPrecision: 6,
      viewportWidth: 375,
      viewportHeight: 667,
      landscapeUnit: 'vw',
      landscapeWidth: 1134,
      forceViewport: true,
      customViewportCalc: null,
      viewportUnit: 'vw',
      unitPrecision: 5,
    }),
  ],
};

另外，如果你想优化postcss-px-to-viewport插件的使用，可以考虑以下几点：

1. 使用vw代替px单位，可以适配不同的屏幕尺寸。

2. 设置 viewportWidth 和 viewportHeight 参数，以适配不同的设备。

3. 使用 mediaQuery 参数来控制是否在媒体查询中转换px。

4. 使用 selectorBlackList 参数来排除某些选择器中的元素不进行转换。

5. 使用 minPixelValue 参数来设置最小转换的像素值。

6. 使用 exclude 参数来排除某些文件或目录不进行转换。

7. 避免过度使用该插件，只对必要的样式进行转换。