HTML5技术

bootstrap在ie8下,兼容媒体查询 - 浅岸

字号+ 作者:H5之家 来源:H5之家 2017-02-28 10:03 我要评论( )

最近使用bootstrap做网站的时候发现,在ie8下的媒体查询一直失效: 后来解决了,做如下记录: 1、必须运行在服务器下 2、hack 条件语法,如下: !-- [if lte ie 9]script src="js/html5shiv.min.js"/scriptscript src="js/respond.min.js"/script![endif] --

最近使用bootstrap做网站的时候发现,在ie8下的媒体查询一直失效:

后来解决了,做如下记录:

1、必须运行在服务器下

2、hack 条件语法,如下:

<!--[if lte ie 9]> <script src="js/html5shiv.min.js"></script> <script src="js/respond.min.js"></script> <![endif]-->

这样写有一点不足的地方是,ie9同样也加载了上述两个文档,改成[if lte ie 8] 或者 [if lt IE 8] 都不生效,不知道为什么,如果有朋友知道,请留言告知下,谢谢!

3、如果在框架的js插件出现问题,常见的是折叠导航图标点击了显示不了下拉菜单,推荐使用jQuery1.x版本。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 Shiv--解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 - 清-Amy

    HTML5 Shiv--解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 - 清-Amy

    2017-02-07 09:00

  • 旺财速啃H5框架之Bootstrap(三) - 天堂路上

    旺财速啃H5框架之Bootstrap(三) - 天堂路上

    2017-01-01 08:02

  • ie6 ie7 ie8 ie9兼容问题终极解决方案 - osfipin

    ie6 ie7 ie8 ie9兼容问题终极解决方案 - osfipin

    2016-12-29 17:00

  • video/audio在ios/android上播放兼容 - Jun-Hao

    video/audio在ios/android上播放兼容 - Jun-Hao

    2016-12-27 12:03

网友点评
l