rpx

• 小程序

简单理解

• 小程序还原设计稿更简单，只要看宽度为750px的设计稿就行了
• 核心规则：把设计稿上的px直接换成rpx即可
• 原理：微信小程序自动将750rpx适配为屏幕实际宽度

技术细节

在微信小程序中，rpx（响应式像素）和px（像素）的转换是根据设备屏幕的宽度来进行的。具体来说，微信小程序的设计稿默认宽度为750rpx，在不同设备上会进行自适应转换。

• 在 iPhone 6/7/8 上，屏幕宽度为375像素，因此1rpx = 0.5px。

• 在 iPhone X/11 Pro 上，屏幕宽度为375像素，因此1rpx = 0.5px。

• 在 iPhone 6 Plus/7 Plus/8 Plus 上，屏幕宽度为414像素，因此1rpx ≈ 0.552px。

• 在 iPad 上，屏幕宽度为768像素，因此1rpx ≈ 1.024px。

这个比例关系可以帮助你在不同设备上保持一致的显示效果。