用@media處理手機和pc端界面兼容的問題，在IE 上的訪問出現問題，百度方法，找找兩種，一種是respond.js，另一種是css3-mediaqueries.js
一 respond.js
地址：http://www.bootcdn.cn/respond.js/
使用時respond.js需要注意的問題：
1 需要外部引入CSS文件，將CSS樣式書寫在style中是無效的；（親身體會，直接style無效果的）
2 由於respond插件是查找CSS文件，再進行處理，所以respond文件一定要放置在CSS文件的後面
3 最好不要爲CSS設置utf-8的編碼，使用默認
respond.js工作原理
1，將head中所有外部引入的CSS文件路徑取出來存儲到一個數組當中；
2，遍歷數組，並一個個發送AJAX請求；
3，AJAX回調後，分析response中的media query的min-width和max-width語法（注意，僅僅支持min-width和max-width），分析出viewport變化區間對應相應的css塊；
4，頁面初始化時和window.resize時，根據當前viewport使用相應的css塊。
respond.js總結（別人總結的，摘抄的）
-
優點：壓縮後僅1k,不跨域時性能ok，只需引入respond.js通用易用
-
缺點：僅支持media query的min-width和max-width（用於響應式夠用）；支持跨域，雖然配置有點麻煩，實現跨域代價高而且有閃屏體驗欠佳。
二、css3-mediaqueries.js
使用時css3-mediaqueries.js需要注意的問題：
@Media必須寫在html當前頁面中，外部引入無效,別人說的，沒有親自試驗
沒有使用這種方式，不再多說。