CSS 单位转换器
即时在 CSS 单位 px、rem、em、vw 之间互转。可配置根字体大小和视口宽度，纯浏览器运行，免费在线工具。
使用方法
- 在 Value 输入框中输入数值。
- 选择源单位（px、rem、em 或 vw）。
- 下方四种单位的转换结果即时更新。
- 可选：调整根字体大小或视口宽度以匹配项目设置。
- 点击任意结果旁的 Copy 按钮复制到剪贴板。
常用转换参考
默认设置（根字体大小 16px，视口 1920px）：
16px=1rem=1em=0.833vw1rem=16px100vw=1920px=120rem
各单位使用场景
- px — 绝对尺寸，跨设备一致。适合边框、阴影等细节。
- rem — 随用户浏览器字体大小缩放。无障碍设计中字体和间距的首选。
- em — 相对于父元素字体大小。适合组件内部的相对尺寸。
- vw — 相对于视口宽度。适合流体排版和全宽布局。
FAQ
支持哪些 CSS 单位？
px、rem、em 和 vw。输入任意单位的值，四种单位的结果同时显示。
rem 是如何计算的？
rem（根 em）相对于根元素的字体大小。默认 16px，即 1rem = 16px。可在配置中修改根字体大小。
vw 是如何计算的？
vw 是视口宽度的 1%。视口宽 1920px 时，1vw = 19.2px。可修改视口宽度字段以匹配目标布局。
rem 和 em 有什么区别？
rem 始终相对于文档根字体大小；em 相对于当前元素的字体大小，在嵌套结构中会变化。本工具采用简化模型：em = rem（均相对于根字体大小）。
数据会发送到服务器吗？
不会。所有转换完全在浏览器中完成，数据不会离开你的设备。