rpx（Responsive Pixel）是一种响应式像素单位，主要用于微信小程序、uni-app等开发场景
定义与原理
定义：rpx是一种相对长度单位，能够根据屏幕宽度进行自适应调整
原理：以屏幕宽度为750rpx为基准，屏幕宽度不同，rpx与px的换算比例也会不同。例如，iPhone6屏幕宽度为375px，共有750个物理像素，此时1rpx = 0.5px
优点
自适应性强：在不同屏幕尺寸的设备上，rpx能够自动按比例缩放，确保布局和元素的显示效果保持一致
简化开发：开发者无需为不同设备分别设计布局，只需使用rpx单位，即可实现界面的自适应
使用场景
布局设计：用于设置页面元素的宽度、高度、内边距等属性，使页面布局在不同设备上保持良好的显示效果
字体大小：也可用于设置字体大小，确保字体在不同设备上保持合适的显示比例
转换关系
与px的转换：假设屏幕宽度为Wpx，则1rpx = W/750px
与rem的转换：在微信小程序中，规定屏幕宽度为20rem，因此1rem = (750/20)rpx
注意事项
不支持动态横竖屏切换计算：使用rpx时，建议锁定屏幕方向
高度和字体的使用：如果需要固定高度或字体大小，不希望其随屏幕宽度变化，应使用px单位
适配范围限制：在uni-app中，rpx的默认最大适配宽度为960px，超过此宽度时，会按照375px作为基准宽度进行计算
