rpx/px换算器
小程序设计稿单位双向换算，多机型宽度速查，整段样式批量转换
rpx 是微信小程序的响应式单位，规定 750rpx 等于屏幕宽度。本工具按「px → rpx = px × 750 ÷ 屏宽」双向换算，内置 iPhone SE / iPhone 14 / iPhone 14 Pro Max 及 360 / 393 / 412 等 Android 常见宽度速查；支持单值双向联动输入，也支持把整段 CSS / WXSS 粘进来批量替换所有 px（或反向转回 rpx），自动跳过 0 值和已是目标的单位。全部换算在浏览器本地完成。
屏幕宽度基准
当前换算关系
1px = 2rpx
750rpx = 375px（屏幕宽度）
| 机型 | 屏宽 | 1px = | 100px = |
|---|---|---|---|
| iPhone SE | 375px | 2rpx | 200rpx |
| iPhone 14/13/12 | 390px | 1.92rpx | 192.31rpx |
| iPhone 14 Pro Max | 430px | 1.74rpx | 174.42rpx |
| Android 小屏 | 360px | 2.08rpx | 208.33rpx |
| Android 主流 | 393px | 1.91rpx | 190.84rpx |
| Android 大屏 | 412px | 1.82rpx | 182.04rpx |
单值双向换算
换算结果
—
按 375px 屏宽：px × 750 ÷ 375，rpx × 375 ÷ 750
两个输入框双向联动：在任意一侧输入，另一侧立即按当前屏幕宽度换算；切换机型后结果自动刷新。结果保留两位小数。
批量转换 CSS / WXSS
粘贴样式后自动转换
按 375px 屏宽批量替换：所有 `数字px` 转为 rpx，0 值与目标方向的单位保持原样。
#关于 rpx 与 px 换算
rpx（responsive pixel）是微信小程序为适配不同屏宽设计的单位：无论什么设备，750rpx 恒等于屏幕宽度。也就是说在 375px 宽的 iPhone SE 上 1px = 2rpx，在 390px 宽的 iPhone 14 上 1px ≈ 1.92rpx。按 750 宽的设计稿标注（1pt 对应 1px）写 1rpx 即可自动等比适配。
换算公式
- px → rpx：rpx = px × 750 ÷ 屏幕宽度
- rpx → px：px = rpx × 屏幕宽度 ÷ 750
- 示例：375px 屏宽下 100px = 100 × 750 ÷ 375 = 200rpx
使用场景
- 把设计稿（Figma / 蓝湖，通常 375 或 750 宽）的 px 标注换算成小程序 rpx
- 把网上抄来的 rpx 片段换回 px，用于 H5 或原生页面对照
- 老项目批量迁移：整段 WXSS 一次替换，避免逐个数值手改
常见问题
- 为什么不同机型换算结果不一样？rpx 的基准是屏宽，375、390、412 等不同宽度下同一个 px 值对应的 rpx 不同；工具默认按 375（iPhone SE / 750 设计稿的一半）计算，可随时切换机型。
- 批量转换会误伤已有单位吗？不会。px → rpx 方向只替换以 px 结尾的数字，16rpx 这类已是 rpx 的值保持不变；0px 也会原样保留。
- 小数怎么处理？换算结果四舍五入保留两位小数，兼顾精度与代码整洁；批量转换支持 0.5px 这类小数输入。
相关工具推荐
Spine动画编辑器
专业的Spine动画预览和编辑工具，支持多引擎导出
SQL查询优化器
分析SQL查询并提供优化建议
JVM启动参数配置
可视化配置Java虚拟机启动参数，支持内存、GC、性能等选项
代码片段转换
不同编程语言间代码片段转换（如Python↔JavaScript）
IP地址查询
查询IP地址的地理位置、运营商、ASN等信息，支持IPv4和IPv6
JSON转TypeScript接口
根据JSON数据自动生成TypeScript类型定义