使用postcss-px-to-viewport的项目 如何使用px 不会被转换为vw

postcss-px-to-viewport是一个PostCSS插件，用于将项目中的px单位转换为vw单位，以实现移动端适配。在使用postcss-px-to-viewport时，如果你希望某些特定的px值不被转换为vw单位，可以通过配置来实现。

首先，在项目的PostCSS配置文件中，添加postcss-px-to-viewport插件，并进行相关配置。例如：

module.exports = {
  plugins: [
    require('postcss-px-to-viewport')({
      viewportWidth: 750,  // 设计稿的宽度
      viewportHeight: 1334,  // 设计稿的高度
      unitPrecision: 3,  // 转换后的vw单位保留的小数位数
      selectorBlackList: ['.ignore'],  // 需要忽略转换的CSS选择器，可以使用.ignore类名来标记
      minPixelValue: 1,  // 小于或等于1px不转换为vw单位
      mediaQuery: false  // 是否允许在媒体查询中转换px单位
    })
  ]
}

在上述配置中，selectorBlackList选项可以用来指定需要忽略转换的CSS选择器。你可以在需要保持px单位的样式规则上添加.ignore类名，从而避免其被转换为vw单位。

例如，在以下示例中，希望字体大小不被转换为vw单位：

.ignore {
  font-size: 16px; /* 不会被转换为vw单位 */
}

body {
  font-size: 14px; /* 会被转换为vw单位 */
}

这样配置后，使用.ignore类名标记的样式规则中的px单位将不会被转换为vw单位。