H5/CSS3 media queries 兼容IE

在html页面中我们经常看到

<!--[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]-->

 其中:
    Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。(栅格系统)
       html5shiv 使不支持html5的浏览器支持html5新增的标签,  IE 9支持html5,但是其一下的版本不支持.

猜你喜欢

转载自www.cnblogs.com/zhengsblog/p/9259859.html