CSS 单位转换器
在 CSS 单位之间转换:px、rem、em、pt、cm、mm 和 in。
基准字体大小 (px)
常用断点
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
关于 CSS 单位转换器
CSS 支持多种用于设置元素、字体和间距大小的单位。像素(px)是绝对单位,而 rem 和 em 是相对于字体大小的单位——这使它们对响应式设计至关重要。本工具可在所有常见 CSS 单位之间即时转换,并支持可调基准字体大小以精确计算 rem/em 值。
如何使用
从顶部按钮选择源单位,然后输入数值。所有转换结果会即时显示。如果您的项目使用不同的根字体大小,可调整基准字体大小(默认 16px)。点击任一结果旁的复制图标即可复制。
常见使用场景
- 将像素值转换为 rem 以实现响应式排版
- 将印刷单位(pt、cm、mm)转换为屏幕单位(px)
- 基于自定义基准字体大小计算 em 值
- 在不同单位系统中生成一致的间距值
- 将设计稿中的英寸或磅转换为像素