CSS中的全屏橫屏是一種非常有用的功能，它可以讓網頁以全屏顯示，并且可以讓內容自動適應屏幕大小。通過設置CSS樣式，我們可以實現全屏橫屏功能，下面是一些關鍵代碼：

html, body {
height: 100%;
overflow: hidden;
}
.container {
width: 100vw; /* 100% of viewport width */
height: 100vh; /* 100% of viewport height */
transform: rotate(-90deg); /* rotate 90 degrees counter-clockwise */
transform-origin: top right; /* rotate around top right corner */
overflow-x: hidden; /* hide horizontal overflow */
overflow-y: scroll; /* enable vertical scrolling */
}
.container >* {
transform: rotate(90deg); /* rotate 90 degrees clockwise */
transform-origin: top right; /* rotate around top right corner */
}

上述代碼將頁面元素旋轉90度，使其橫向顯示。其中，html, body元素的樣式設置為100%的高度和隱藏溢出，這將確保容器元素將占滿整個瀏覽器窗口。接下來，我們創建了一個容器元素并設置它的寬度和高度為100vw和100vh。它的transform: rotate(-90deg)屬性讓它逆時針旋轉90度。同時，我們還設置了它的transform-origin: top right，這讓它以右上角為中心旋轉。為了防止橫向溢出，我們將overflow-x設置為隱藏，并將overflow-y設置為滾動，從而啟用縱向滾動。最后，我們使用transform: rotate(90deg)將內部元素順時針旋轉90度，從而使它們適應容器。