⚙️ 基准设置
px
px
px
px (默认750)
📏 快速换算
16px = 16.0000rpx = 1.0000rem = 0.8333vw
📋 常用尺寸
🔄 批量转换
换算结果

单位换算表

单位说明
px16像素
rpx16.0000小程序响应式像素
rem1.0000相对根字体
em1.0000 (假设父字体=16px)相对父字体
vw0.8333视口宽度百分比
vh1.4815视口高度百分比
pt12.00点(印刷)
cm0.4233厘米
mm4.233毫米
in0.1667英寸

💡 使用提示

  • rem:相对于根元素(html)字体大小,常用于响应式布局
  • em:相对于父元素字体大小,适合组件内部使用
  • vw/vh:视口宽度/高度的1%,适合全屏布局
  • rpx:小程序响应式像素,规定屏幕宽750rpx,1rpx = 屏幕宽度/750
  • pt:印刷单位,1pt = 1/72英寸
  • 换算公式:rem = px / rootSize,vw = px / designWidth * 100,rpx = px * 750 / rpxBase