瀏覽器的怪異模式和標準模式

2021-06-16 23:11:51 字數 733 閱讀 7189

怪異模式是讓ie的行為更接近ie5,標準模式則是讓ie的行為更接近標準。

所以想寫跨瀏覽器的css,盡量使用標準模式。

解決方案就是採用doctype宣告,大多數瀏覽器採用下面的這些判斷規則

對於那些瀏覽器不能識別的doctype宣告,瀏覽器採用strict mode解析

在doctype宣告中,沒有使用dtd宣告或者使用html4以下(不包括html4)的dtd宣告時,基本所有的瀏覽器都是使用quirks mode呈現,其他的則使用strict mode解析。

可以這麼說,在現有有doctype宣告的網頁,絕大多數是採用strict mode進行解析的

quirks mode和strict mode最大的不同就是提現在對盒模式的解釋上

在strict mode中:

width是內容寬度,也就是說,元素真正的寬度 = margin-left  +  border-left-width  +  padding-left  + width  +  padding-right  +  border-right-width  +  margin-right;

在quirks mode中:

width則是元素的實際寬度,內容寬度 = width  -  (margin-left  +  margin-right  +  padding-left  +  padding-right  +  border-left-width  +  border-right-width)

部分內容來自

瀏覽器標準模式和怪異模式

要想寫出跨瀏覽器的css,必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指,瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣,所以我們稱之為怪異模式。瀏覽器解析時到底使...

瀏覽器標準模式和怪異模式

現代的瀏覽器一般都有兩種渲染模式 標準模式和怪異模式,在標準模式下,瀏覽器按照html和css標準對文件進行解析和渲染 而在怪異模式下,瀏覽器則按照舊有的非標準的實現方式對文件進行解析和渲染,這樣的話,對於舊有的網頁,瀏覽器就會啟動怪異模式,就能夠使得舊網頁正常顯示 對於新的網頁,則可以啟動標準模式...

瀏覽器的標準模式和怪異模式

要想寫出跨瀏覽器的css,必須知道瀏覽器解析css的兩種模式 標準模式 strict mode 和怪異模式 quirks mode 所謂的標準模式是指,瀏覽器按w3c標準解析執行 怪異模式則是使用瀏覽器自己的方式解析執行 因為不同瀏覽器解析執行的方式不一樣,所以我們稱之為怪異模式。瀏覽器解析時到底使...