rpx是一种可以自动适应设备屏幕的单位，不同于px、em、rem等固定尺寸的单位，rpx可以根据设备的屏幕宽度进行自适应的缩放。
@media (min-width: 375rpx) {
.example {
font-size: 20rpx;
}
}在上面的代码中，大家使用了一个@meda查询，其目的是当设备宽度大于等于375rpx时，选择器.example的字体大小设置为20rpx。这个值是根据设计稿中的设计确定的，在不同屏幕宽度下都可以保持一致的显示效果。
rpx的计算方式是：屏幕宽度 / 750。如果设备宽度为375px，那么1rpx就等于0.5px。
总之，rpx是一个非常方便的单位，可以帮助大家在不同设备上保持一致的显示效果，避免了在不同设备下显示不一致的问题。