postcss-pxtorem行内样式

你可以使用 postcss-pxtorem 插件将行内样式中的像素单位转换为 rem 单位。这插件可以自动将你指定的像素值转换成 rem 值，并且支持配置一个基准值，用于确定转换的比例关系。

首先，确保在你的项目中安装了 postcss-pxtorem 插件。可以通过 npm 进行安装：

npm install postcss-pxtorem --save-dev

安装完成后，将插件添加到你的 PostCSS 配置文件中（例如 postcss.config.js 或 .postcssrc.js）：

module.exports = {
  plugins: [
    require('postcss-pxtorem')({
      rootValue: 16, // 基准值，表示 1rem 对应的像素值
      propList: ['*'], // 需要转换的属性，默认是 ['*']，表示全部属性
    }),
  ],
};

在配置中，`rootValue` 表示 1rem 对应的像素值，这里设置为 16，意味着 1rem 等于 16px。`propList` 是一个数组，用于指定需要转换的属性，默认情况下会转换所有属性。

配置完成后，使用该插件会自动将行内样式中的像素单位转换为 rem 单位。例如：

<div style="width: 200px; font-size: 14px;"></div>

经过 postcss-pxtorem 插件处理后：

<div style="width: 12.5rem; font-size: 0.875rem;"></div>

这样，你就可以在行内样式中使用像素单位，插件会自动将其转换为 rem 单位，而不需要手动计算和转换。