← 返回首页
rpx / px 换算
rpx 是微信小程序的响应式单位，屏幕宽度固定为 750rpx。不同设备屏幕宽度不同，同一 rpx 值对应的实际 px 也不同。设计稿通常以 750px 宽度为基准，直接把标注的 px 值当成 rpx 写即可。当前换算比例：1rpx = 0.5200 px。
功能亮点
多机型快速切换
内置 iPhone、iPad、Android 三大平台 50+ 款机型数据，点击即可切换，自动更新换算结果。
rpx / px 双向换算
支持 rpx 转 px 和 px 转 rpx 双向换算，输入任一数值即自动算出另一方向的结果。
常用尺寸对照表
预设 30 种常用 rpx 尺寸的跨机型对照表，一眼看出同一 rpx 值在不同设备上的实际 px。
自定义屏幕宽度
支持自定义屏幕宽度，自由输入任意分辨率，适配未收录的特殊设备或未来新品。
实时换算结果
所有操作均触发即时计算，换算结果一目了然显示，无需点击按钮或等待页面刷新。
使用步骤
- 从 iPhone、iPad、Android 分组中选择目标设备型号，或选择「自定义」输入屏幕宽度
- 在 rpx 输入框输入数值查看对应 px，或在 px 输入框输入数值查看对应 rpx
- 查看常用尺寸对照表，了解不同机型下同一 rpx 值的实际像素差异
- 根据换算结果在代码中使用正确的尺寸值，确保各机型显示一致
关于 rpx/px 换算
在微信小程序的 rpx 与 px 之间换算，可选择屏幕宽度查看对应像素值。
常见问题
- rpx 是怎么在不同手机上适配的？
rpx 的换算公式：实际 px = rpx值 × (屏幕宽度 px / 750)。例如 375rpx 在 iPhone 6（375px 宽）上 = 375 × (375/750) = 187.5px（屏幕一半宽）；在 iPhone 14 Pro Max（430px 宽）上 = 375 × (430/750) = 215px（同样占屏幕一半宽）。这意味着用 rpx 写的布局在不同手机上等比例缩放，自动适配各种屏幕宽度。
- rpx 和 Web 前端的 em/rem/vw 有什么区别？
都是响应式单位，但定位不同：rpx——微信小程序专有，基于 750rpx=屏幕宽度，只在微信环境中有效；rem——基于根元素 font-size（通常设为 16px 或 10px），HTML/CSS 通用；vw——基于视口宽度百分比（1vw = 视口宽度的 1%），CSS 原生支持，无需设置。从概念上，rpx 最接近 vw（都基于视口宽度），但换算基准不同。