X-UA-Compatible設置IE兼容模式，萬惡的IE呀…難到就不能李李扣扣東西少一點嗎嗎…
X-UA-Compatible設置IE兼容模式
強制瀏覽器呈現為特定的版本的標準。它不支持IE7及以下：
1 | <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7"/> |
如果用分號分開，它設置為不同版本的兼容級別，IE7、IE9。它允許不同層次的向後兼容性：
1 | <meta http-equiv="X-UA-Compatible" content="IE=7; IE-9"/> |
只選擇其中一個選項：
1 2 3 4 | <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=8"/> <meta http-equiv="X-UA-Compatible" content="IE=7"> <meta http-equiv="X-UA-Compatible" content="IE=5"> |
允許更容易的測試和維護。雖然通常比較有用的版本，這是使用模擬：
1 2 3 | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> |
什麼版本IE 就用什麼版本的標準模式：
1 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
使用以下代碼強制IE 使用Chrome Frame：
1 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
最佳的兼容模式方案，結合考慮以上兩種：
1 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
指定文件兼容性模式，在網頁中使用meta元素放入X-UA-Compatible http-equiv 標頭。以下是指定為Emulate IE7 mode兼容性之範例：
1 2 3 4 5 6 7 8 9 | <html> <head> <!-- Mimic Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title> My Web Page </title> </head> <body> </body> </html> |
設定網站服務器以指定預設兼容性模式：
1 2 3 4 5 6 7 8 9 10 11 | <?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=EmulateIE7" /> </customHeaders> </httpProtocol> </system.webServer> </configuration> |