讓 IE9 以下的瀏覽器支援 media querry

標籤：

1. 如何讓 IE9 以下的瀏覽器支援 css3 的media query 需要用到的 min-width/max-width 屬性

css3 的媒體查詢 IE 瀏覽器的支援程度是從 IE9開始支援，那麼要想 IE6~IE8 的瀏覽器支援 媒體查詢可以使用 js 來輔助支援。主要可以使用以下兩個 輔助 js 檔案中的其中一個即可:

       1). respond.js

　　　　可以從: http://www.bootcdn.cn/respond.js/  上 通過 cdn 引入

　　2).css3-mediaqueries.js

      可以上 github 上下載然後引入;

對於使用上述的兩個 pollify 檔案，其優缺點可以在連結：http://stackoverflow.com/questions/12837568/css3-mediaqueries-js-vs-respond-js

2. 如和在頁面中引入上述兩個檔案

　　為了減少頁面的 http 請求數量，對於支援 css3 媒體查詢的瀏覽器，則不引入上述的 js 檔案，反之則引入。那麼如何做到呢，可以參考文章：

       http://www.cnblogs.com/thinkingthigh/archive/2013/06/19/3144239.html

3. 有時候會發現，引入了 respond.js, 但是卻並沒有實現 css3的媒體查詢效果呀，這怎麼解決呢？可以參考文章：

       http://www.cnblogs.com/aimyfly/p/4286626.html

讓 IE9 以下的瀏覽器支援 media querry