CSS是一個強大的樣式表語言，能夠使網頁具有更好的視覺效果和用戶體驗。在移動設備上，屏幕旋轉是一個很重要的功能，可以為用戶提供更好的使用體驗。

要在CSS中設置屏幕旋轉，可以使用@media查詢和CSS3變換來實現。首先，我們需要使用@media查詢來檢測設備的旋轉狀態。

@media screen and (orientation: portrait) {
/* 豎屏狀態下的樣式 */
}
@media screen and (orientation: landscape) {
/* 橫屏狀態下的樣式 */
}

上面的代碼中，我們使用@media查詢來針對不同的設備旋轉狀態設置不同的樣式。

接下來，我們將使用CSS3變換來旋轉頁面內容。CSS3變換包括旋轉、縮放、平移和傾斜等變換效果。要使用旋轉效果，我們可以使用CSS3的transform屬性。

@media screen and (orientation: landscape) {
/* 橫屏狀態下的樣式 */
body {
transform: rotate(90deg);
transform-origin: left top;
}
}

上面的代碼將頁面內容旋轉90度，使其適應橫屏狀態。我們可以使用transform-origin屬性來設置旋轉中心點。

總之，使用CSS的@media查詢和CSS3變換，我們可以輕松地為移動設備設置屏幕旋轉。這可以為用戶帶來更好的使用體驗。