找了半天原因,最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。
正确的顺序是:
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script> <![endif]-->
注意,css放在respond.min.js的上面。
相关推荐
让Bootstrap 3兼容IE8浏览器 所需要的一个JS respond.js respond.min.js respond.src.js
ie8浏览器下,bootstrap3样式失效,在页面中引用respond.min.js和html5shiv.js ,兼容bootstrap3
想让IE8跑起bootstrap吗?这个就是你们需要的!
<!-- 只让 IE 8 以及更低版本的浏览器下载该脚本 --> <!--[if (lt IE 9) & (!IEMobile)]> <script src="js/vendor/respond.min.js"> <![endif]-->
html5版本支持合集,包含excanvas.min.js html5.js html5shiv.js respond.min.js,让IE(包括IE6)支持HTML5元素和特性
兼容ie的可用方法,利用respond.js即可轻松玩转css3
此文件用于开发响应式网站,兼容老IE支持css3的媒体查询技术,让其可做出响应。
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。 respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
Respond.js–让 IE6-8 支持 CSS3 Media Query
NULL 博文链接:https://liuna718-163-com.iteye.com/blog/1880369
ie8和ie9浏览器下兼容问题; 1、bootstrap3部分样式失效,在页面中引用respond.min.js和html5shiv.min.js ; 2、另外提供formData不可用情况下使用的jquery.form.min.js资源文件
研究了下getbootstrap.com网站在IE8下是正常的,他们采取的解决办法是: <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8...