respond.min.js文件

respond.min.js是什么？respond.min.js是一款【shì yī kuǎn】日常页👑面制作生活辅助文件【zhù wén jiàn】🥨，方便用户在页😀面生成【miàn shēng chéng】与查询【yǔ chá xún】🎟中产生不支持【bú zhī chí】的问题【de wèn tí】⬇，添加此款文件之后可让用户【ràng yòng hù】制作的demo正常访问，需要的用户快【yòng hù kuài】🗜来国语自产精品视频👖在线看【zài xiàn kàn】🎦下载吧🤦！

respond.min.js简介：

respond.min是一款可以让不支持css3 Media Query的浏览器包括IE6-ie8等其他浏览器支持查询，html5越来越成为主流，被广大搜索引擎所使用，但ie对html5的支持却常被人唾弃,添加这款文件能够帮助用户有效解决相关的问题！

文件使用：

来国语自产精品视频🚣在线看下载【xià zǎi】🛢respond.min.js文件【wén jiàn】

引入respond.min.js，但要在【dàn yào zài】😴css的后面（越早引入越好，在【zài】🍣ie下面看到页面【dào yè miàn】闪屏的【shǎn píng de】概率就越低❤，因为最🥣初【chū】🚩css会先渲染出来，如果【rú guǒ】📈respond.js加载得很后面🕓，这时重新根据media query解析出🏦来的🌑css会再改【huì zài gǎi】变一次【biàn yī cì】页面的布局等【bù jú děng】，所以看起来有闪屏的【shǎn píng de】现象）

引用思路：

1.把【bǎ】head中所有<link rel=“sheetstyle” href=“xx”/>的css路径取出来放【chū lái fàng】😑入数组👵

2.然后遍历数组一个个发ajax请求

3.ajax回调后🕋仅分析【jǐn fèn xī】response中的【zhōng de】👏media query的👏min-width和max-width语法，分析出【fèn xī chū】👟viewport变化区间对应相应的【xiàng yīng de】😣css块

4.页面初【yè miàn chū】始化时【shí】😙和window.resize时【shí】😙，根据当前viewport使用相🆕应的【yīng de】css块🛴。

文件测评：

优点：压缩后仅1k,不跨域👬时性能ok，只需引🌿入【rù】respond.js通用易【tōng yòng yì】🕉用【yòng】

缺点：仅支持media query的min-width和🚊max-width（用于响应式够【yīng shì gòu】用）；支持跨域【yù】❗，虽然配置有点【zhì yǒu diǎn】麻烦，实现跨域【yù】代价🆕高而且🚂有闪屏【yǒu shǎn píng】❣体验欠【tǐ yàn qiàn】💅佳【jiā】。