rpx (responsive pixel)
- rpx 是微信小程序中的一个相对长度单位，用于适配不同屏幕密度的设备。
- 1 rpx 在不同设备上会自动转换为不同的物理像素数，保证在不同屏幕密度的设备上显示效果一致。
- 微信小程序的设计稿尺寸为 750rpx，即设计稿的宽度为 750 个 rpx，对应屏幕宽度的 100%。
不论哪个型号的手机，屏幕宽度都是750rpx
根据设计稿换算：，
例如：设计稿750px宽度，ps上量出或者标出的宽度是多少，那么就定义多少rpx，也就是，1px = 1rpx
例如：设计稿640px宽度，根据量出的或者标出的尺寸需要转换一下，1px = 750/640rpx
rem (root em)
- rem 是一种相对长度单位，基于根元素的字体大小（font-size）来计算长度。
- 在小程序中，根元素的字体大小默认为 16px，因此 1rem 等于 16px。
- rem 可以用于相对于根元素字体大小的比例来定义长度，可以实现相对于整个页面的布局。
- 与 rpx 不同，rem 不会根据屏幕密度进行自动转换。
根据设计稿换算：
例如：设计稿750px宽度，那么1rem = （750/20）rpx = 37.5px
例如：设计稿640px宽度，那么1rem = （640/20）rpx = 32px
px (pixels)
- px 是绝对长度单位，表示屏幕上的一个物理像素。
- 在小程序中，px 相对于屏幕的物理像素，通常用于定义绝对尺寸，如边框宽度、字体大小等。
- 在不同设备上，1个 px 可能代表不同的物理像素数量，因此在多设备适配时可能需要考虑屏幕密度。
总的来说，rpx 用于在不同屏幕密度的设备上实现适配，rem 用于相对于根元素字体大小进行布局，而 px 则用于定义固定的绝对尺寸。