一、在web端頁面開發過程中基本都會需要解決的問題(IE相容):

1、解決ie9以下瀏覽器對html5新增標籤的不識別，並導致CSS不起作用的問題。

2、讓不支援css3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支援查詢。

由於IE6/IE7/IE8還有很大一部分使用者，為了讓網站瀏覽者都能正常的訪問HTML5網站，故這兩種問題還是需要解決的

二、解決方案很簡單(在head標籤裡新增如下程式碼就行了)：

<!--[if lt IE 9]>
 <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> 
 
 <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

三、程式碼說明：

以下等等都是IE專門提供的一種語法，只有IE能識別執行，其他瀏覽器只會作為註解。

<!--[if !IE]> 除IE外都可識別 <![endif]-->

<!--[if IE]> 所有的IE可識別 <![endif]-->

<!--[if IE 6]> 僅IE6可識別 <![endif]-->

<!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->

<!--[if IE 7]> 僅IE7可識別 <![endif]-->

<!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]-->

<!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->

<!--[if IE 8]> 僅IE8可識別 <![endif]-->

<!--[if IE 9]> 僅IE9可識別 <![endif]-->