CSS可以通過media query來判斷頁面是橫向還是縱向顯示，從而為不同的顯示方式設置不同的樣式。

@media screen and (orientation: landscape) {
/* 橫向顯示的樣式 */
}
@media screen and (orientation: portrait) {
/* 豎向顯示的樣式 */
}

上述代碼中，@media表示媒體查詢，screen表示屏幕媒體，orientation則用來判斷頁面的顯示方向。landscape表示橫向，portrait表示豎向。

通過這種方式，可以為不同的設備或者不同的顯示方式設置不同的樣式，使頁面在各種情況下都能有良好的顯示效果。