respond.min.js文件

respond.min.js是什么？respond.min.js是一款日常頁(yè)面制作生活輔助文件，方便用戶在頁(yè)面生成與查詢中產(chǎn)生不支持的問(wèn)題，添加此款文件之后可讓用戶制作的demo正常訪問(wèn)，需要的用戶快來(lái)綠色資源網(wǎng)下載吧！

respond.min.js簡(jiǎn)介：

respond.min是一款可以讓不支持css3 Media Query的瀏覽器包括IE6-ie8等其他瀏覽器支持查詢，html5越來(lái)越成為主流，被廣大搜索引擎所使用，但ie對(duì)html5的支持卻常被人唾棄,添加這款文件能夠幫助用戶有效解決相關(guān)的問(wèn)題！

文件使用：

來(lái)綠色資源網(wǎng)下載respond.min.js文件

引入respond.min.js，但要在css的后面（越早引入越好，在ie下面看到頁(yè)面閃屏的概率就越低，因?yàn)樽畛鮟ss會(huì)先渲染出來(lái)，如果respond.js加載得很后面，這時(shí)重新根據(jù)media query解析出來(lái)的css會(huì)再改變一次頁(yè)面的布局等，所以看起來(lái)有閃屏的現(xiàn)象）

引用思路：

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

2.然后遍歷數(shù)組一個(gè)個(gè)發(fā)ajax請(qǐng)求

3.ajax回調(diào)后僅分析response中的media query的min-width和max-width語(yǔ)法，分析出viewport變化區(qū)間對(duì)應(yīng)相應(yīng)的css塊

4.頁(yè)面初始化時(shí)和window.resize時(shí)，根據(jù)當(dāng)前viewport使用相應(yīng)的css塊。

文件測(cè)評(píng)：

優(yōu)點(diǎn)：壓縮后僅1k,不跨域時(shí)性能ok，只需引入respond.js通用易用

缺點(diǎn)：僅支持media query的min-width和max-width（用于響應(yīng)式夠用）；支持跨域，雖然配置有點(diǎn)麻煩，實(shí)現(xiàn)跨域代價(jià)高而且有閃屏體驗(yàn)欠佳。