屏幕旋轉(zhuǎn)90度是一種非常實(shí)用的功能，特別是在移動(dòng)設(shè)備上。CSS技術(shù)可以讓我們實(shí)現(xiàn)這一功能，下面我們一起來(lái)看一下如何使用CSS來(lái)實(shí)現(xiàn)屏幕旋轉(zhuǎn)90度。

@media screen and (orientation: landscape) {
body {
transform: rotate(90deg);
}
}

代碼解析：

@media：CSS中的一個(gè)關(guān)鍵字，用于定義不同的媒體類(lèi)型，比如打印機(jī)和屏幕。

screen：這個(gè)媒體類(lèi)型用于定義電腦屏幕。

orientation：該屬性用于定義設(shè)備的方向，可以是landscape（橫向）或portrait（縱向）。

transform：CSS3中的一個(gè)屬性，用于對(duì)元素進(jìn)行變形。

rotate()：CSS3中的一個(gè)函數(shù)，用于旋轉(zhuǎn)元素，旋轉(zhuǎn)角度是以度數(shù)為單位。

上述代碼中的@media規(guī)則表示當(dāng)設(shè)備的方向?yàn)闄M向時(shí)，就對(duì)整個(gè)頁(yè)面進(jìn)行旋轉(zhuǎn)90度。這樣就可以實(shí)現(xiàn)屏幕旋轉(zhuǎn)90度的功能。

總結(jié)：

使用CSS實(shí)現(xiàn)屏幕旋轉(zhuǎn)90度是一種非常方便的技術(shù)，它除了可以改善網(wǎng)頁(yè)的顯示效果，還可以提高用戶(hù)體驗(yàn)。如果你想要讓你的網(wǎng)頁(yè)在旋轉(zhuǎn)屏幕的時(shí)候自動(dòng)適應(yīng)，請(qǐng)一定要嘗試使用這種技術(shù)。