respond.min.js文件

respond.min.js是什麽？respond.min.js是一款（kuǎn）日常頁（yè）麵製作生活輔助文件，方便用戶（hù）在頁麵生成與（yǔ）查詢中產生不支持的問題，添加此款文件之後可讓用戶製作的demo正常訪問，需要的用戶快來綠色資源網下載吧！

respond.min.js簡介：

respond.min是（shì）一款可以讓不支持css3 Media Query的瀏覽器包括IE6-ie8等其（qí）他瀏覽器支持（chí）查（chá）詢，html5越來越成為主流，被廣大搜索（suǒ）引（yǐn）擎所使用，但ie對html5的（de）支持卻常被（bèi）人（rén）唾棄,添加這款文件能夠幫助用（yòng）戶有效解決相關的問題！

文件（jiàn）使用：

來綠色資源網下載respond.min.js文件

引入respond.min.js，但要在css的後麵（越早引入（rù）越好，在ie下麵看到（dào）頁麵閃屏的概率就越（yuè）低，因為最初css會先渲染出來，如果respond.js加載得很後麵，這（zhè）時重新根據media query解析出來的css會再改變一次頁麵的布局等，所以看起來有閃屏的現象）

引用（yòng）思路：

1.把head中所有<link rel=“sheetstyle” href=“xx”/>的css路徑取出（chū）來（lái）放入數組

2.然後遍曆數組一（yī）個個發ajax請求

3.ajax回調後僅分析response中的media query的min-width和max-width語法（fǎ），分析（xī）出viewport變（biàn）化區間對應相應的css塊

4.頁麵初始（shǐ）化時和window.resize時，根據當前viewport使用相應的css塊。

文件測評：

優點：壓縮後僅1k,不跨域時性能ok，隻（zhī）需引入respond.js通用易（yì）用

缺點：僅支持media query的min-width和max-width（用於響應式夠用）；支持跨域，雖然配置有點麻煩，實現跨域（yù）代（dài）價高而且有閃屏體驗（yàn）欠佳。