详解html5 shiv.js和respond.min.js
程序员文章站
2024-02-08 16:43:34
这篇文章主要介绍了详解html5 shiv.js和respond.min.js,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧... 18-01-24...
本文介绍了html5 shiv.js和respond.min.js,分享给大家,具体如下:
做页面常用的东西,写这里用的时候省点去找了。。。
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致css不起作用的问题。
respond.min:让不支持css3 media query的浏览器包括ie6-ie8等其他浏览器支持查询。
由于ie6/ie7/ie8还有很大一部分用户,为了让网站浏览者都能正常的访问html5网站,故这两种方案还是需要的,
下面是两个解决方法的cdn地址写法:
<!--[if lt ie 9]> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]—>
也有一种让ie8及以下支持css3媒体查询的css3-mediaqueries.js 像上面引入也可,但是会出现闪屏 不是特别推荐使用, 上面是最常用的
在这里可以查到bootstrap的其他cdn地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
详解html5 shiv.js和respond.min.js
-
HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解
-
详解html5 shiv.js和respond.min.js
-
HTMl5的存储方式sessionStorage和localStorage详解
-
HTML5中新标签和常用标签详解
-
HTML5 embed标签定义和用法详解
-
详解HTML5中div和section以及article的区别
-
HTML5不支持标签和新增标签详解
-
详解HTML5中的拖放事件(Drag 和 drop)
-
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)