CSS作為網(wǎng)頁設計中的重要部分，關(guān)注的是網(wǎng)頁的樣式和布局，其中也包括對手機屏幕大小的適配。

在設計響應式網(wǎng)頁的過程中，樣式表需要考慮到不同尺寸的設備，以確保用戶在不同的屏幕上可以獲得良好的瀏覽體驗。在手機設備的情況下，我們需要關(guān)注的最重要的就是屏幕的大小。

/* 以下是媒體查詢的代碼示例 */
/* 手機豎屏 */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) {
}
/* 手機橫屏 */
@media only screen 
and (min-device-width: 667px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) 
and (orientation: landscape) {
}

上述代碼片段摘自一個基本的媒體查詢模板，其中我們使用了min-device-width和max-device-width來確定屏幕大小的尺寸范圍。此外，-webkit-min-device-pixel-ratio可以幫助我們區(qū)分不同的設備，并進行相應的適配。

總之，在進行網(wǎng)頁的CSS設計時，需要充分考慮到用戶使用的不同設備，并采用媒體查詢等技術(shù)手段來實現(xiàn)對不同手機屏幕大小的適配。