CSS 兼容模式是為了解決舊版瀏覽器無法識別新版 CSS 屬性、偽類等問題而設(shè)計的，使得新技術(shù)在舊版瀏覽器中也能夠正常顯示。該模式下的頁面在 IE 瀏覽器中會觸發(fā)怪異模式，出現(xiàn)樣式錯亂現(xiàn)象，十分棘手。

/* CSS 兼容模式 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* 所有樣式都應(yīng)放在這里 */
}

在 IE11 中，兼容模式檢測到文檔類型聲明缺失或者為不支持的文檔類型時，IE11 在解析頁面時會使用混雜模式，此時會忽略標(biāo)準(zhǔn)模式的一些聲明，如盒模型等。因此，如果在編寫 CSS 樣式時沒有加上相應(yīng)的前綴或者 hack，頁面就會出現(xiàn)兼容性問題。

為了解決這個問題，我們可以使用包含 @media 的 CSS 兼容模式，在該模式下編寫兼容性代碼，避免出現(xiàn)兼容性問題。此外，我們也可以使用 CSS Reset 來抹平瀏覽器的差異問題。

/* CSS Reset */
* {
margin: 0;
padding: 0;
border: 0;
}

除此之外，我們還應(yīng)該關(guān)注頁面編寫規(guī)范，規(guī)范的 HTML 代碼、語義化標(biāo)簽都可以有效減少在不同環(huán)境下的兼容問題。通過遵循 HTML 和 CSS 標(biāo)準(zhǔn)的規(guī)范編寫代碼，我們可以提升網(wǎng)頁在各個瀏覽器中的兼容性。