CSS 单位换算

px、rem、em、vw、vh、pt、pc、cm、mm 等 10 种单位实时互转,支持自定义基准值和批量换算

基准值配置
px
px
px
px
单位 输入值 说明
关于 CSS 单位换算
  • 支持 px、rem、em、vw、vh、%、pt、pc、cm、mm 共 10 种单位实时互转
  • 修改任意单位的值,其余单位自动联动更新;修改基准值后所有换算同步刷新
  • 比现有 rem2px 工具更全面,额外支持视口单位(vw/vh)和印刷单位(pt/pc/cm/mm)
操作说明
  • 在换算表中任意单位输入框输入数值,其余单位自动计算
  • 点击「750px 设计稿」快速设置移动端设计稿换算基准
  • 批量换算:输入多个 px 值(逗号分隔),点击「换算」生成对照表,支持 Ctrl+Enter
注意事项
  • rem 基于根字体大小,em 基于父元素字体大小,vw/vh 基于视口尺寸,% 基于视口宽度
  • 1pt = 1.333px(96dpi 屏幕),1pc = 16px,1cm ≈ 37.795px,1mm ≈ 3.7795px
  • 所有计算均在浏览器本地完成,不会上传任何数据