主要是盒模型的區別，導致各種各樣的與標準模式有差異的表現形式。
當瀏覽器廠商開始建立與標準相容的瀏覽器時，他們希望確保向後相容性。為了實現這一點，他們建立了兩種呈現模式：標準模式和混雜模式。在標準模式下瀏覽器按照規範呈現頁面；在混雜模式下，頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。
瀏覽器根據doctype（文件宣告）是否存在以及使用那種dtd來選擇要使用的呈現方式。如果xhtml和html文件保航形式完整的doctype，那麼它一般以標準模式呈現。相反，如果文件的doctype不存在或者形式不正確則導致html和xhtml以混雜模式呈現。
css1compat：標準模式
backcompat：混雜模式
console.log(document.compatmode)詳情檢視 ：
標準模式與混雜模式
doctype 的乙個重要作用就是告訴瀏覽器，它該以何種模式呈現。我們通過document.compatmode這個屬性來檢測，當前頁面處於何種模式 css1compat 標準模式 backcompat 混雜模式 那麼，問題來了，什麼情況下頁面會處於混雜模式呢？下面是列出的幾種 1 不寫 2 前面加...
標準模式與混雜模式
1，當瀏覽器廠商開始建立與標準相容的瀏覽器時，他們希望確保向後相容性。為了實現這一點，他們建立了兩種呈現模式 標準模式和混雜模式。在標準模式下瀏覽器按照規範呈現頁面 在混雜模式下，頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。2，區分 瀏覽器根據doc...
標準模式和混雜模式
那麼，問題來了，什麼情況下頁面會處於混雜模式呢？下面是列出的幾種 1 不寫 2 前面加上xml宣告 ie6 3 和之間加了 標籤 文字 注釋 ie8以下都有，ie9以上未測 4 前面有 標籤 文字 注釋 ie8以下都有，ie9以上未測 1和4是比較常見的，可能還有其他情況，還沒有遇到過具體的例子。我...