CSS 单位转换

这个工具是什么？

使用可配置基础字体大小转换 CSS px、rem、em 和 pt 值，适用于设计 token、排版和响应式布局。

该工具以 px 为基准计算 rem、em 和 pt。rem 与 em 依赖基础字体大小；pt 按 CSS 的 96dpi 基准换算，其中 1pt = 1.333px。

适合将设计 token、排版比例、spacing 和 UI 实现规范统一到 CSS 单位。

如何使用

1. 输入要转换的数值和单位。
2. 设置基础字体大小。
3. 比较 px、rem、em、pt 结果。
4. 确认项目 root font-size 和组件继承值。

示例

相关工具与概念

• MDN CSS values and units
• 宽高比 — 等比缩放
• 取色器 — HEX、RGB、HSL
• Unix 时间戳 — 纪元与日期互转
• Cron 表达式 — 解析与校验
• 图片转 Base64 数据 URI