CSS 单位转换器

在 px、em、rem、pt、% 和 vw 之间转换。设置您的基础字号和视口宽度以获得准确结果。

px
px
Pixels (px)
16px
Em (em)
1em
Root Em (rem)
1rem
Points (pt)
12pt
Percent (%)
100%
Viewport Width (vw)
0.8333vw

快速参考

1em / 1rem = 16px

1pt = 1.333px

100% = 1em

1vw = 19.20px

如何在线转换 CSS 单位

  1. 1.设置基础字号（默认 16px，匹配大多数浏览器）和视口宽度（用于 vw 计算）。
  2. 2.输入数值并选择输入单位（px、em、rem、pt、%、vw）。
  3. 3.所有等效值即时计算和显示。
  4. 4.点击任意结果旁的复制将其复制到剪贴板。

常见问题

em 和 rem 有什么区别？

两者都是相对单位。em 相对于父元素的字号，而 rem 始终相对于根（html）元素的字号。rem 通常因跨组件的一致大小而被首选。

为什么默认基础字号是 16px？

所有主要浏览器都使用 16px 作为默认根字号。除非您在 CSS 中覆盖它（如 html { font-size: 62.5%; }），否则 1rem = 16px。

什么时候应该使用 vw 单位？

vw（视口宽度）单位适用于随浏览器窗口缩放的响应式排版和布局。1vw 等于视口宽度的 1%。请谨慎使用，因为非常小的视口可能导致文本不可读。

我的数据会被发送到服务器吗？

不会。所有计算完全在浏览器中使用 JavaScript 运行。不传输或存储任何数据。