CSS 单位换算

CSS 单位换算是什么？

在浏览器本地完成 CSS 长度单位之间的实时互转，修改任意单位数值后其余单位自动联动更新。

核心功能

• 10 种单位：px、rem、em、vw、vh、%、pt、pc、cm、mm。
• 基准值配置：根字体、视口宽高、父元素字体，支持快捷预设。
• 750px 设计稿：一键设置移动端设计稿换算基准。
• 批量 px 换算：输入多个 px 值生成对照表，支持复制。
• 本地运算：不上传任何数据。

如何使用

1. 在换算表任意单位输入框输入数值，其余单位自动计算。
2. 修改基准值后所有换算同步刷新。
3. 批量换算：输入逗号分隔的 px 值，点击换算或 Ctrl+Enter。

注意事项

• rem 基于根字体大小，em 基于父元素字体大小，vw/vh 基于视口尺寸，% 基于视口宽度。
• 1pt = 1.333px（96dpi），1pc = 16px，1cm ≈ 37.795px，1mm ≈ 3.7795px。