跳到正文

场景与迁移

Tailwind 输出

Tailwind 输出 rem 时,将 postcss-rem-to-responsive-pixel 放在 Tailwind 的 PostCSS 插件之后,并把 root value 设置成设计系统的基准字号。如果同一份样式还需要其他单位目标,使用带 grouped preset 的 postcss-rule-unit-converter

平台预设

postcss-pxtrans 提供 weapph5rnquickappharmony 预设。先选择运行时对应的预设,再按项目覆盖 designWidthrootValue 或属性过滤条件。

迁移到规则引擎

专用包适合需要保持旧 API 的构建配置。当你需要组合多条规则或自定义转换时,迁移到 postcss-rule-unit-converter。它的迁移页提供 postcss-rem-to-responsive-pixelpostcss-rem-to-viewportpostcss-units-to-px 的选项对照。

保护声明

propList 控制属性,用 selectorBlackList 控制选择器,用 exclude 控制文件。postcss-plugin-shared 中的 matcher 规则在各个转换包之间保持一致。

让 CSS 在不同屏幕之间稳定流动。