CSS是網站開發中不可或缺的一部分，而單位rpx是CSS中一個非常重要的單位，下面就好好講講什么是rpx。

rpx是一種可以自動適應設備屏幕的單位，不同于px、em、rem等固定尺寸的單位，rpx可以根據設備的屏幕寬度進行自適應的縮放。

@media (min-width: 375rpx) {
.example {
font-size: 20rpx;
}
}

在上面的代碼中，我們使用了一個@meda查詢，其目的是當設備寬度大于等于375rpx時，選擇器.example的字體大小設置為20rpx。這個值是根據設計稿中的設計確定的，在不同屏幕寬度下都可以保持一致的顯示效果。

rpx的計算方式是：屏幕寬度 / 750。如果設備寬度為375px，那么1rpx就等于0.5px。

總之，rpx是一個非常方便的單位，可以幫助我們在不同設備上保持一致的顯示效果，避免了在不同設備下顯示不一致的問題。