在 CSS 中，有兩種最常見的尺寸單位：px 和 rpx。

px 即像素。像素是一個相對于顯示屏幕的物理尺寸單位，通常情況下，一個像素是屏幕上的一個小點。在大多數情況下，1px 相當于一個實際的屏幕像素。在 CSS 中使用 px 可以確保元素的大小在不同的設備上顯示相同。

/* 使用 px 定義元素寬度和高度 */
.box {
width: 100px;
height: 50px;
}

rpx 是微信小程序中特有的尺寸單位，它代表屏幕寬度的百分比。其中，“r” 代表 “responsive”（響應式），意味著它可以根據屏幕的大小縮放。這個單位比傳統的百分比更有效，因為它可以在屏幕大小改變時自動縮放元素的大小。

/* 使用 rpx 定義元素寬度和高度 */
.box {
width: 50rpx;
height: 25rpx;
}

需要注意的是，rpx 只在微信小程序中有效。在網頁開發中，如果想要響應式設計，可以使用百分比單位。

除了像素和 rpx，CSS 還有其他的尺寸單位，比如 em 和 rem。它們與像素的關系略微不同，但同樣可以用來調整元素的大小，在布局中起到很重要的作用。