html5shiv.js和respond.min.js

Posted Cein

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5shiv.js和respond.min.js相关的知识,希望对你有一定的参考价值。

做页面常用的东西,写这里用的时候省点去找了。。。

html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,

下面是两个解决方法的cdn地址写法:

1 <!--[if lt IE 9]>
2 
3   <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
4 
5    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
6 
7 <![endif]—>

也有一种让ie8及以下支持css3媒体查询的css3-mediaqueries.js 像上面引入也可,但是会出现闪屏 不是特别推荐使用, 上面是最常用的

在这里可以查到bootstrap的其他CDN地址http://www.bootcdn.cn/

注:html5shiv.js 引用代码必须放在 <head> 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

以上是关于html5shiv.js和respond.min.js的主要内容,如果未能解决你的问题,请参考以下文章

html5shiv.js和respond.min.js

html5shiv.js和respond.min.js

html5shiv.js 和 respond.min.js 的作用与说明。

cdn

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

html5shiv.js让吃屎的IE6IE7IE8支持html5去吧