CSS横竖屏

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

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

posted on 2024-08-23 11:25  W-阿飞  阅读(16)  评论(0编辑  收藏  举报