低版本浏览器支持css3 Media查询的方法, ie6-ie8 不支持css3 的时候用respond.js,html5shiv.js 【非常实用哦】。。。。。。。。。。。。

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。

 html5shiv 使不支持html5的浏览器支持html5新增的标签,  IE 9支持html5,但是其一下的版本不支持.

 

使用方法:

<!--[if lt IE 9]>    //判断当前浏览器的版本是否小于IE 9
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<!--[endif]-->

 

  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

 

Respond.js   

文件地址:https://i.cnblogs.com/Files.aspx

gitphub地址:https://github.com/scottjehl/Respond

posted @ 2018-09-12 10:34  Shimily  阅读(262)  评论(0)    收藏  举报