CSS可以通过media query来判断页面是横向还是纵向显示，从而为不同的显示方式设置不同的样式。

@media screen and (orientation: landscape) {
/* 横向显示的样式 */
}
@media screen and (orientation: portrait) {
/* 竖向显示的样式 */
}

上述代码中，@media表示媒体查询，screen表示屏幕媒体，orientation则用来判断页面的显示方向。landscape表示横向，portrait表示竖向。

通过这种方式，可以为不同的设备或者不同的显示方式设置不同的样式，使页面在各种情况下都能有良好的显示效果。