在IE8瀏覽器之後版本,都有一個「兼容性視圖」,讓很多新技術沒法使用。那麼如何禁止瀏覽器自動選擇「兼容性視圖」,強制IE以最高級別的可用模式顯示內容呢?下面就介紹一段HTML代碼。html
X-UA-Compatible是一個設置IE瀏覽器兼容模式的屬性,在IE8瀏覽器以後誕生。IE8或者IE9有不少種模式,好比,IE8有4種模式:IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式;而IE9有7種模式: IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式、IE9幾乎標準模式、IE9標準模式、XML模式。chrome
咱們常使用代碼:瀏覽器
<meta http-equiv="X-UA-Compatible" content="IE=8" />ui
來開啓IE8的標準渲染模式。這種方式在只存在IE8瀏覽器的時候比較合適,可是後來又出現了IE九、IE十、IE11等等。咱們就能夠這樣寫:htm
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />兼容性
意思就是優先最前面的IE9,沒IE9就用IE8。那麼若是針對每一種都寫一遍,彷佛就有些冗餘了。渲染
因此咱們改變方式採用代碼:meta
<meta http-equiv="X-UA-Compatible" content="edge" />方法
Edge模式通知IE以最高級別的可用模式顯示內容,這實際上破壞了「鎖定」模式。技術
固然,咱們還見過這樣的代碼:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增長了chrome=1值,目的是觸發Google Chrome Frame,不過如今Google已經拋棄Google Chrome Frame了,所以也不用這樣寫了。
總結:
在 <!DOCTYPE html> 下,使用代碼:
<meta http-equiv="X-UA-Compatible" content="edge" />
觸發標準模式,這個是最有效的方法。