CSS 单位转换器
输入任意 CSS 单位的数值，立即换算到其他所有单位。可自定义 rem 计算用的根字号（默认 16 px）、em / % 计算用的父级字号、以及 vw / vh 计算用的视口宽高。用于把设计稿落到 Tailwind / CSS，核对响应式字号，或在非默认环境下确认 1rem 等于多少 px。
—
基础尺寸（根 / 父 / 视口）
所有单位
- px16.000
- rem1
- em1
- pt12.000
- vw1.1111
- vh1.7778
- %100.00
使用方法
- 输入数值并选择源单位（px、rem、em、pt、vw、vh、%）。
- 其他单位即时更新。
- 展开「基础尺寸」面板可修改根 / 父字号或视口。
- 点击单位旁的复制按钮复制带单位的值。
常见问题
- rem 与 em 的区别？
- rem 相对于文档根（html font-size，默认 16 px），em 相对于父元素。仅当父元素使用根字号时两者相等。
- 为什么 1pt = 1.333px？
- CSS 定义：1 in = 96 px、1 pt = 1/72 in，所以 1 pt = 96/72 ≈ 1.333 px。
- vw / vh 精确吗？
- 使用你在基础尺寸面板中输入的视口宽高。默认 1440 × 900 是常见桌面；请按设计画布修改。
- % 呢？
- 在字体语境下 % 等同 em（相对父级）。在其他 CSS 属性中，% 依据该属性的 containing block 来计算。
相关工具
CSS clamp() 计算器（流体排版）
在两个视口宽度间平滑缩放的 `font-size: clamp(...)` 一行——直接复制。
颜色 0 0
单位换算
换算长度、重量、温度、面积、体积、速度和时间。
转换 0 0
密度转换器
在 kg/m³、g/cm³、g/mL、kg/L 和 lb/ft³、lb/in³、lb/gal、oz/in³、oz/gal、slug/ft³ 之间一次性转换密度。
转换 0 0
流量转换器
在 m³/s、m³/h、L/s、L/min、L/h、mL/min、ft³/s、CFM、GPM、GPH、英制加仑/分钟和 bbl/天之间一次性转换体积流量。
转换 0 0
角度单位转换器 (度·弧度·百分度·DMS)
在度·弧度·百分度·圈·毫弧度·角分·角秒·DMS 之间一次转换 ─ 含 SVG 实时预览与 π 分数自动识别。
转换 0 0
字节大小换算（KB / KiB / MB / MiB / ...）
在十进制（KB、MB、GB——SI 基数 1000）与二进制（KiB、MiB、GiB——IEC 基数 1024）字节单位间换算，附比特。
转换 0 0