找了半天原因，最后发现原来是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的上面。
相关推荐
`respond.js`是一个轻量级的JavaScript库，由Jeffrey Way创建，它为不支持媒体查询的浏览器（如IE8）提供了后退支持，从而使得Bootstrap在这些浏览器上也能展现出响应式特性。 首先，我们需要理解响应式设计的概念...
Bootstrap 3的设计依赖于媒体查询来定义不同屏幕尺寸下的样式规则，这些规则在现代浏览器中可以很好地工作，但在不支持媒体查询的IE8中则无法生效。因此，将`respond.js`加入到项目中，可以确保在IE8上也能呈现出与...
"respond.min.js" 的作用就是填补这个空白，它动态解析并应用CSS媒体查询，使Bootstrap或其他使用媒体查询的项目能在这些旧版IE浏览器上正常工作。 "respond.min.js" 文件是一个压缩和优化过的版本，"min" 意味着它...
"respond.js" 是一个JavaScript库，由Scott Jehl创建，它主要用于解决老版本Internet Explorer（尤其是IE6到IE8）对CSS3媒体查询不支持的问题。媒体查询是响应式设计的核心技术，允许开发者根据用户的设备特性，如...
`respond.min.js` 实现了对媒体查询的模拟，使得Bootstrap3的栅格系统和其他响应式元素在旧版IE浏览器中也能正常工作。 `html5shiv.js` 是另一个重要的兼容性库，它的主要作用是让IE6-IE8这些不支持HTML5新元素的...
<!-- 只让 IE 8 以及更低版本的浏览器下载该脚本 --> <!--[if (lt IE 9) & (!IEMobile)]> <script src="js/vendor/respond.min.js"> <![endif]-->
1. excanvas.min.js：Excanvas是一个JavaScript库，用于在不支持Canvas元素的老版IE浏览器中提供Canvas的支持。Canvas是HTML5中的一个核心元素，允许开发者在网页上进行动态图形绘制。通过Excanvas，开发者可以利用...
兼容ie的可用方法，利用respond.js即可轻松玩转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资源文件
4. **Respond.js**: `respond.min.js`是一个轻量级的JavaScript文件，用于为不支持CSS3媒体查询的浏览器（主要是旧版IE）提供响应式布局的支持。响应式设计能让网站根据用户的设备屏幕尺寸自动调整布局，从而提高在...
在没有`respond.min.js`的情况下，旧版IE浏览器无法理解和应用媒体查询，这将导致响应式设计失效，使得网站在不同设备上的显示效果大打折扣。 为了在使用Bootstrap3框架构建的网站中确保兼容性，这两个脚本文件通常...