ie瀏覽器不兼容css媒體查詢的解決辦法

有些頁面布局復雜，在不同分辨率下表現需要一致，這時需要用媒體查詢根據不同分辨率進行百分比定位(不能用像素定位)，如:

@media screen and (max-width: 1600px) {
    .body {
        left: 22.5%
    }
    .bd-right {
        left: 65.5%;
    }
    .roll {
        left: 19.5%;
    }
}

@media screen and (max-width: 1440px) {
    .body {
        left: 18.5%
    }
    .bd-right {
        left: 67.5%;
    }
    .roll {
        left: 15.5%;
    }
}

ie8不支持媒體查詢，可以用respond.js庫解決，但需要注意以下幾點：

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

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

3、由於respond插件是查找CSS文件，再進行處理，所以respond文件一定要放置在CSS文件的后面

4、另外，雖然把respond放置在head里還是在body后面都能夠實現，但是建議放置在head中（具體原因在下面的文檔提示中有提到）

5、最好不要為CSS設置utf-8的編碼，使用默認（原因詳見下面的文檔提示部分）