Heim  >  Artikel  >  Web-Frontend  >  Respond.js-20150415_html/css_WEB-ITnose

Respond.js-20150415_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:46:12923Durchsuche

Respond.js让IE6-8支持CSS3 Media Query。

Bootstrap里面就引入了这个js文件,从名字看出来是自适应的兼容。打开IE看了一下,效果挺好的,自适应的效果挺好的。Respond.js让不支持CSS3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

的css路径取出来放入数组

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

3.ajax回调后仅分析response中的media query的min-width和max-width语法,分析出viewport变化区间对应相应的css块

4.页面初始化时和window.resize时,根据当前viewport使用相应的css块。

使用:考虑到IE9是支持CSS3的,所以直接在HTML页面的head标签中添加脚本引用即可:

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn