CSS是網頁設計中非常重要的一部分，它可以控制網頁的樣式、布局和交互效果。其中一個非常重要的方面就是設計適應不同屏幕尺寸的網頁，在移動設備上尤其重要。

移動設備的屏幕尺寸多種多樣，有各種尺寸的手機和平板電腦。在設計網頁時，我們需要確保網頁可以在不同的屏幕尺寸上呈現良好的效果。

為了達到這個目的，我們可以使用CSS的響應式設計技術。這種技術可以根據設備屏幕的尺寸來自動調整網頁的布局和樣式，使它適應屏幕尺寸并保持良好的可讀性。

/* 使用媒體查詢設置不同設備尺寸對應的樣式 */
@media only screen and (max-width: 600px) {
/* 樣式1 */
}
@media only screen and (min-width: 601px) and (max-width: 959px) {
/* 樣式2 */
}
@media only screen and (min-width: 960px) {
/* 樣式3 */
}

上面的代碼段使用了CSS的媒體查詢功能，它可以針對不同的屏幕尺寸設置不同的樣式。第一個媒體查詢針對最大寬度為600像素的設備，第二個媒體查詢針對寬度在601到959像素之間的設備，第三個媒體查詢則針對寬度超過960像素的設備。

在設計移動設備上的網頁時，還需要注意一些細節，比如字體大小、按鈕大小和間距等。這些元素在不同的屏幕尺寸上應該有不同的表現，從而使用戶在使用網頁時感到舒適和方便。

總之，在設計適應移動設備的網頁時，我們需要充分考慮不同的屏幕尺寸和設備屬性，并采用CSS的響應式設計技術來實現良好的用戶體驗。