CSS 单位转换器（px、rem、em、vw、pt…）
在 px、rem、em、%、vw、vh、vmin、vmax、pt、pc、in、cm、mm 和 Q 之间转换 CSS 长度，可自定义根字体大小和视口。免费，即时。
1rem绝对单位遵循 CSS 规范：1in = 96px = 2.54cm = 72pt = 6pc，1Q = 0.25mm。rem 基于根字体大小；em 和 % 基于父元素字体大小（与 font-size 属性一致）；vw/vh/vmin/vmax 基于视口。结果保留 4 位小数。
什么是 CSS 单位转换器？
在绝对单位（px、pt、pc、in、cm、mm、Q）和相对单位（rem、em、%、vw、vh、vmin、vmax）之间转换 CSS 长度。设置根字体大小、父元素字体大小和视口尺寸，使相对单位按你的真实环境计算；所有单位会同时显示。
如何使用 CSS 单位转换器
- 输入数值，并选择从和到单位。
- 调整根字体大小（px，用于 rem）、父元素字体大小（px，用于 em 和 %）以及视口的宽度和高度。
- 复制主要结果，或点击任意单位卡片复制该值。
示例
24px (root 16px)
1.5rem · 18pt · 1.25vw (1920px viewport)
何时使用 CSS 单位转换器
在把 px 的设计规范改写为基于 rem 的 CSS，或检查某个 vw 值在特定屏幕上意味着多大时使用。% 只有在 font-size 上才等同于 em；对于宽度或内边距，% 指的是包含块，而本工具无从得知。
CSS 单位转换器 的工作原理
所有换算都通过 CSS 像素进行。绝对单位使用固定的 CSS 比例：1in = 96px = 2.54cm = 25.4mm = 72pt = 6pc，1Q = 0.25mm。rem 乘以根字体大小，em 乘以父元素字体大小，% 是父元素字体大小的百分比（即 font-size 的含义），vw/vh 是视口宽度/高度的 1%，vmin/vmax 使用较小/较大的一边。结果保留 4 位小数。
常见用例
- 把设计系统中的 px 尺寸转换为 rem
- 查看 5vw 在 1440px 宽的笔记本上有多大
- 把以 pt 或 mm 为单位的印刷尺寸转换为 CSS 的 px
- 为父元素字体为 20px 的组件计算 em 值
常见问题
为什么 1rem 是 16px？
浏览器默认的根字体大小为 16px。如果你的 CSS 设置了 html { font-size: 62.5% }，请把根字体大小输入为 10。
rem 和 em 有什么区别？
rem 相对于根（html）元素的字体大小；em 相对于父元素的字体大小，因此嵌套时会层层叠加。
cm 和 in 在屏幕上是物理尺寸吗？
不是。CSS 固定 1in = 96px，所以在大多数屏幕上，CSS 的一厘米并不精确等于真实的一厘米。它们在印刷中是准确的。