1:加載兼容文件JS
因為IE8既不支持HTML5也不支持CSS3 Media,所以我們需要加載兩個JS文件,來保證我們的代碼實現兼容效果:
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
2:設置IE渲染方式默認為最高(這部分可以選擇添加也可以不添加)
現在有很多人的IE瀏覽器都升級到IE9以上了,所以這個時候就有又很多詭異的事情發生了,例如現在是IE9的瀏覽器,但是瀏覽器的文檔模式卻是IE8:
為了防止這種情況,我們需要下面這段代碼來讓IE的文檔模式永遠都是最新的:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
太給力了。
不過我最近又發現了一個更給力的寫法:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
怎么這段代碼后面加了一個chrome=1,這個Google Chrome Frame(谷歌內嵌瀏覽器框架GCF),如果有的用戶電腦里面裝了這個chrome的插件,就可以讓電腦里面的IE不管是哪個版本的都可以使用Webkit引擎及V8引擎進行排版及運算,無比給力,不過如果用戶沒裝這個插件,那這段代碼就會讓IE以最高的文檔模式展現效果。這段代碼我還是建議你們用上,不過不用也是可以的。