postcss-px-to-viewport 行内样式不转换改怎么办？

如果你在使用PostCSS插件postcss-px-to-viewport处理行内样式时遇到不转换的情况，通常有以下几个解决步骤：

1. **确认配置**：检查你的postcss-px-to-viewport配置文件（默认名为`postcss.config.js`或`.postcssrc.js`），确保它正确定义了视口单位转换规则，包括`unitPrecision`, `viewportWidth`, 和 `scaleFactor` 等选项。

   module.exports = {
     plugins: [
       require('postcss-px-to-viewport')({
         unitToConvert: 'px', // 需要转换的单位，默认为px
         viewportWidth: 750, // 视窗宽度，一般设为设备宽度或设计稿宽度
         designWidth: 750, // 设计稿宽度，用于媒体查询转换
         scale: 2, // 转换比例，通常是屏幕密度的倍数
         exclude: /node_modules/, // 可排除某些路径下的样式不转换
       }),
     ],
   };

2. **排除规则**：如果某个行内样式不需要转换，可以在exclude选项中添加相应的正则表达式，指定哪些选择器或类名的样式不参与转换。

3. **手动转换**：对于特定的行内样式，可以使用 PostCSS 的 `atRule` 或 `declaration` API 手动转换，例如，先查找再替换：

   postcss([require('postcss-viewport')])
     .process(styleString, { from: '<unknown>' })
     .then(result => {
       const styles = result.css;
       // 替换行内style="width: 100px;" 为 "width: 50vw;"
       styles = styles.replace(/width:\s*([\d]+)px;/g, (match, width) => `width: ${Math.round(width * scaleFactor)}vw;`);
       return result.toString();
     });

4. **测试兼容性**：确保在不同浏览器和设备上进行了测试，因为有些老旧浏览器可能不支持视口单位。