Skip to content
POSTCSS / UNIT SYSTEMS / 2026
.card{padding:24px;→1.5rem;}
贴近现有 PostCSS 流程的 CSS 单位转换工具。需要稳定的旧 API 时选择专用插件，需要组合多个规则时使用统一的 rule engine。
快速选择
| 输入 | 目标 | 从这里开始 |
|---|---|---|
rem | px 或 rpx | postcss-rem-to-responsive-pixel |
rem | vw、vh 或其他 viewport 单位 | postcss-rem-to-viewport |
px | 平台相关的 rpx、rem、vw 或 px | postcss-pxtrans |
| 多种单位 | 使用自定义 unit map 转为 px | postcss-units-to-px |
| 多种单位 | 组合规则和 preset | postcss-rule-unit-converter |
一套共享核心的工具箱
每个插件都可以独立发布，并针对 PostCSS 8 测试。匹配、精度、排除和声明处理工具集中在 postcss-plugin-shared 中，让专用插件保持清晰的 API。
可复制示例安装命令和 PostCSS 配置可以直接放进项目。
输入 / 输出对照先看声明如何变化，再决定是否调整选项。
清晰的迁移路径通过并排示例从专用插件迁移到规则引擎。