本文來(lái)自：http://blog.csdn.net/itmyhome1990/article/details/50331057
項(xiàng)目在IE瀏覽器中打開(kāi)默認(rèn)是Quirks模式，導(dǎo)致兼容性不太好
當(dāng)然可以手動(dòng)修改為Internet Explorer8 以上模式，但我們不可能引導(dǎo)用戶(hù)這樣去做
可以在代碼里通過(guò)設(shè)置DTD聲明讓瀏覽器決定用何種模式
將
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
改為
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd">
這樣問(wèn)題就解決了
PS:
在IE11以及360瀏覽器文檔模式默認(rèn)為IE7版本，可以通過(guò)設(shè)置meta標(biāo)簽改變?yōu)槠渌Ｊ?/p>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
擴(kuò)展閱讀：browser-mode-and-document-mode-in-ie
在IE8瀏覽器以后版本，都有一個(gè)“兼容性視圖”，讓不少新技術(shù)無(wú)法使用。那么如何禁止瀏覽器自動(dòng)選擇“兼容性視圖”，強(qiáng)制IE以最高級(jí)別的可用模式顯示內(nèi)容呢？下面就介紹一段HTML代碼。
X-UA-Compatible是一個(gè)設(shè)置IE瀏覽器兼容模式的屬性，在IE8瀏覽器之后誕生。IE8或者IE9有很多種模式，比如，IE8有4種模式：IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式；而IE9有7種模式: IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式、IE9幾乎標(biāo)準(zhǔn)模式、IE9標(biāo)準(zhǔn)模式、XML模式。
我們常使用代碼：
<meta http-equiv="X-UA-Compatible" content="IE=8" />
來(lái)開(kāi)啟IE8的標(biāo)準(zhǔn)渲染模式。這種方式在只存在IE8瀏覽器的時(shí)候比較合適，但是后來(lái)又出現(xiàn)了IE9、IE10、IE11等等。我們就可以這樣寫(xiě)：
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />
意思就是優(yōu)先最前面的IE9，沒(méi)IE9就用IE8。那么如果針對(duì)每一種都寫(xiě)一遍，似乎就有些冗余了。
所以我們改變方式采用代碼：
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge模式通知IE以最高級(jí)別的可用模式顯示內(nèi)容，這實(shí)際上破壞了“鎖定”模式。
當(dāng)然，我們還見(jiàn)過(guò)這樣的代碼：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增加了chrome=1值，目的是觸發(fā)Google Chrome Frame，不過(guò)現(xiàn)在Google已經(jīng)拋棄Google Chrome Frame了，因此也不用這樣寫(xiě)了。
總結(jié)：
在 <!DOCTYPE html> 下，使用代碼：
<meta http-equiv="X-UA-Compatible" content="edge" />
觸發(fā)標(biāo)準(zhǔn)模式，這個(gè)是最有效的方法。
