CSS横竖屏

/* 竖屏时的样式 */
@media screen and (orientation: portrait) {
body {
background-color: blue; /* 例如背景色为蓝色 */
}
}

/* 横屏时的样式 */
@media screen and (orientation: landscape) {
body {
background-color: green; /* 例如背景色为绿色 */
}
}