CSS是一種用于網頁樣式設計的技術，而一種常見的CSS問題就是默認情況下，比如在屏幕方向切換時，樣式并不會立即顯現出來。這可能是因為瀏覽器需要重新渲染頁面以適應新的屏幕方向。解決這個問題的方法是使用“切換”事件來檢測什么時候屏幕方向發生變化，并在屏幕方向改變時，立即應用樣式。

/* 監聽屏幕旋轉事件 */
window.addEventListener("orientationchange", function() {
/* 獲取當前屏幕方向 */
var orientation = window.orientation;
/* 應用CSS樣式 */
if (orientation === 0) {
/* 當前為豎屏幕 */
document.body.style.backgroundColor = "red";
} else if (orientation === 90 || orientation === -90) {
/* 當前為橫屏幕 */
document.body.style.backgroundColor = "blue";
}
}, false);

上述代碼通過添加一個“切換”事件監聽器，以便在屏幕方向發生變化時更新頁面樣式。事件處理程序使用window.orientation屬性來檢測當前屏幕方向，并根據不同方向應用不同的CSS樣式。如此一來，我們就可以在屏幕方向發生變化后立即看到樣式的變化。