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

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

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