IE8 及以下版本不包含 Bootstrap css。
我在我们的文件中包含了引导响应 css。并为特色产品赋予类名“row-fluid”。对于特色产品中的每个包装图像，我将类名命名为“span3 prod-new features-list”。
看这里
IE8 的开发工具中包含但未添加样式。因此，图像包装器在 IE8 及以下版本中显示为块级元素。请检查此链接，
问问题
771 次
2 回答
1
作为记录，这是使用 IE7 和 IE8 获得响应行为的一种方法。如上所述，问题在于这些旧浏览器不支持@media 请求。
解决方案是在较旧的 IE7 和 IE8中使用respond.js 。
您可以通过下载 respond.js，将其安装在您的网站上并将以下内容放在页面顶部来完成此操作
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->
或者您可以使用Modernizr来测试访问者的浏览器是否支持媒体查询以及是否不加载 respond.js。下载并将respond.js保存到您的站点，如上，将以下内容放在您的页面头部
<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>
如果您无法让上述任何一种方法为您工作，您可以尝试使用CSS3-mediaqueries.js而不是 respond.js。他们都运作良好。
祝你好运......这是网页设计的有趣时刻！
于 2013-03-08T17:22:44.590 回答
0
响应式 Bootstrap 使用 HTML5 和CSS3，这是一个可悲的事实，但 IE8 和更低版本不支持。请检查 IE9 中的页面，您不会发现这种差异。您必须覆盖现有的响应式 CSS3 才能处理 IE8 版本。尝试使用媒体或屏幕宽度和高度以及其他属性。
希望这可以帮助您理解为什么它在 IE8 中不起作用
于 2012-12-27T05:37:54.427 回答