CSS可以根據不同的手機屏幕大小來進行自適應布局，下面我們來看看如何進行設置。

/* 針對小于等于768px寬度的手機屏幕 */
@media screen and (max-width: 768px) {
/* 這里是樣式定義 */
}
/* 針對大于768px寬度的手機屏幕 */
@media screen and (min-width: 768px) {
/* 這里是樣式定義 */
}

使用@media規則可以針對不同屏幕寬度設置不同的樣式。上面的代碼中，我們定義了兩個@media規則，分別用于小于等于768px和大于768px的屏幕。在@media規則內部，我們可以設置需要自適應的樣式。

在實際應用中，我們可以根據不同手機屏幕大小設置相應的樣式，以達到更好的用戶體驗。