CSS可以用來判斷手機是否處于橫豎屏狀態。通過檢測屏幕寬度和高度的比例來確定橫豎屏狀態。

@media screen and (orientation: portrait) {
/* 豎屏樣式 */
body {
background-color: pink; 
}
}
@media screen and (orientation: landscape) {
/* 橫屏樣式 */
body {
background-color: purple; 
}
}

上面的代碼使用了CSS的媒體查詢功能。另外還使用了orientation屬性。如果orientation屬性的值為"portrait"，則代表手機處于豎屏狀態；如果orientation屬性的值為"landscape"，則代表手機處于橫屏狀態。

可以根據不同的屏幕狀態為頁面設置不同的樣式，以適配不同的手機設備。