使用 postcss-px-to-viewport插件，行间写的css样式会生效吗

使用 postcss-px-to-viewport 插件将 px 单位转换成 vw/vh 单位后，行间样式中的 px 单位也会被转换，因此会生效。但是需要注意的是，这个插件只对 .css 或 .scss 等 css 预处理器文件起作用，对于行间样式或者内联样式需要通过其他方式进行转换。可以使用像 postcss-pxtorem 这样的插件来进行转换，或者手动将行间样式中的 px 单位转换成 vw/vh 单位。

相关问题

postcss-px-to-viewport 插件 exclude include配置只有一个页面生效

可能是你的配置有误或者是插件的使用方式有误。请检查以下几个方面：

1. 确认插件已经正确安装，并且已经在项目中正确引入。

2. 确认 exclude 和 include 的配置是否正确。exclude 表示哪些文件不需要转换，include 表示哪些文件需要转换。如果你只想对某个页面进行配置，可以在 include 中指定该页面的路径。

3. 确认你的 webpack 配置是否正确。如果你使用 webpack，需要在 webpack 配置文件中添加 postcss-loader，并在其中配置 postcss-px-to-viewport 插件。

4. 确认你的样式文件是否正确引入。如果你使用了单文件组件，需要确保样式文件已经被正确引入。

如果以上几个方面都没有问题，那么可能是插件的 bug。你可以在插件的 GitHub 页面上提交 issue，或者寻求其他开发者的帮助。

postcss-px-to-viewport不生效

可能是配置有误或者插件未正确引入导致的。请检查以下几点：

1. 确认已经安装了 postcss-px-to-viewport 插件，并且在 postcss.config.js 中正确引入了该插件。

2. 确认在 postcss.config.js 中正确配置了插件参数，例如：

   module.exports = {
     plugins: {
       'postcss-px-to-viewport': {
         viewportWidth: 750, // 视窗的宽度，对应设计稿的宽度
         viewportHeight: 1334, // 视窗的高度，对应设计稿的高度
         unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
         viewportUnit: 'vw', // 指定需要转换成的视窗单位，建议使用 vw
         selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类名，可以自定义
         minPixelValue: 1, // 小于或等于 1px 不转换为视窗单位
         mediaQuery: false // 允许在媒体查询中转换 px
       }
     }
   }

3. 确认在项目中使用了 postcss-loader，并且在 webpack 配置文件中正确配置了 postcss-loader，例如：

   module.exports = {
     module: {
       rules: [
         {
           test: /\.css$/,
           use: [
             'style-loader',
             'css-loader',
             {
               loader: 'postcss-loader',
               options: {
                 postcssOptions: {
                   plugins: [
                     require('postcss-px-to-viewport')({
                       viewportWidth: 750,
                       viewportHeight: 1334,
                       unitPrecision: 3,
                       viewportUnit: 'vw',
                       selectorBlackList: ['.ignore', '.hairlines'],
                       minPixelValue: 1,
                       mediaQuery: false
                     })
                   ]
                 }
               }
             }
           ]
         }
       ]
     }
   }

如果以上几点都没有问题，可以尝试重启项目或者清除缓存再重新编译。