CSS 可以讓我們以各種不同的方式改變網(wǎng)頁的外觀和布局。今天，我們將了解如何使用 CSS 技術(shù)來實現(xiàn)將整個網(wǎng)頁旋轉(zhuǎn) 90 度的效果。

body {
transform: rotate(90deg);
transform-origin: top left;
}

上面的 CSS 代碼將整個頁面旋轉(zhuǎn)了 90 度。其中，transform屬性定義了旋轉(zhuǎn)的角度，transform-origin屬性定義了旋轉(zhuǎn)的原點(diǎn)。在這個例子中，我們將原點(diǎn)設(shè)置為了頁面的左上角。

然而，這個效果不僅僅是簡單的旋轉(zhuǎn)。由于頁面的寬度和高度已經(jīng)被改變了，我們需要根據(jù)實際情況調(diào)整頁面的其他樣式。

例如，我們可能需要將頁面中的文字旋轉(zhuǎn) -90 度，以便它們?nèi)匀凰斤@示。同時，我們需要重新計算所有元素的位置和大小。比如，如果我們有一個固定寬度的側(cè)邊欄，它需要被重新調(diào)整為高度相同的頂部導(dǎo)航欄。

整個過程可能會有些復(fù)雜，但是在某些場景下，旋轉(zhuǎn)整個頁面是非常有用的。例如，在移動端設(shè)備上，將頁面旋轉(zhuǎn)可以讓我們更好地利用屏幕空間，提高用戶體驗。

總的來說，CSS 技術(shù)可以讓我們以各種不同的方式改變網(wǎng)頁的外觀和布局。通過學(xué)習(xí)如何旋轉(zhuǎn)整個頁面，我們可以更好地掌握 CSS 技術(shù)，從而為自己的網(wǎng)頁設(shè)計提供更多的可能。