前端開發必配置：html5shiv.js和respond.min.js的作用說明！
阿新 • • 發佈：2020-10-09
轉載 http://www.youhutong.com/index.php/article/index/210.html
一、做頁面開發時我們基本都會需要解決的問題：
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]-->