IE兼容H5和CSS3方法

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以最高的文檔模式展示效果。這段代碼我仍是建議大家用上，不過不用也是能夠的。