rpx / 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（Responsive Pixel，响应式像素）是微信小程序独创的长度单位，以 iPhone 6 的 375px 屏幕宽度为基准，规定 750rpx = 屏幕宽度。在不同宽度的设备上，rpx 会自动按比例缩放——设计师只需按 750rpx 宽度的设计稿标注尺寸，开发者直接用标注的 rpx 值，适配自动完成。这与 Web 前端的 rem/vw 类似，但实现机制不同。本工具支持 rpx 与 px 双向换算，可切换 iPhone、Android 主流机型查看实际像素值，并给出常见尺寸对照表。适合小程序开发者在设计稿标注（通常 750rpx）和实际代码之间转换尺寸、适配不同机型时进行像素精度计算。
常见问题
- 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（都基于视口宽度），但换算基准不同。