html5shiv.min.js 和 respond.min.js 做用（bootstrap作IE低版本兼容時須要用到這兩個插件）

一、

html5shiv.min.js解決ie9如下瀏覽器對html5新增標籤的不識別，並致使CSS不起做用的問題。

respond.min.js讓不支持css3 Media Query的瀏覽器包括IE6-IE8等其餘瀏覽器支持查詢。

<!--[if lt IE 9]>

<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>

<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

<![endif]-->

 

注意幾點：

一、須要啓動本地服務器（localhost），不能使用普通本地的url地址（file://開頭）；

二、須要外部引入CSS文件，將CSS樣式書寫在style中是無效的；

三、因爲respond插件是查找CSS文件，再進行處理，因此respond文件必定要放置在CSS文件的後面

四、另外，雖然把respond放置在head裏仍是在body後面都可以實現，可是建議放置在head中（具體緣由在下面的文檔提示中有提到）

五、最好不要爲CSS設置utf-8的編碼，使用默認（緣由詳見下面的文檔提示部分）

六、越早的引入respond.js文件，也就越可能避免IE下出現的閃屏。

七、不支持嵌套的媒體查詢

八、utf-8的字符編碼對respond.js文件的運行有影響

官方API原文：if CSS files are encoded in UTF-8 with Byte-Order-Mark, they will not work with Respond.js in IE7 or IE8.

基本含義就是：utf-8格式的CSS文件字符編碼會對插件形成影響。

可是在我使用IE6-8進行測試的時候，都可以正常顯示（不管是在css文件中增長charset設置仍是在link標籤中增長charset設置）。所以，並非太清楚這個位置bug的含義。

九、跨域可能會出現閃屏（尚未測試，具體狀況不詳）