IE8及以下版本不包含Bootstrap css。
我在我们的文件中包含了 bootstrap 响应式 CSS。并给出类名 特色产品的“行流体”。 对于特色产品中的每个包装图像,我都将类名称命名为 “span3 prod-new featured-list”。
参见 here
IE8 的开发者工具中包含但未添加样式。 因此,图像包装器在 IE8 及以下版本中显示为 block 级元素。 请查看this链接,
最佳答案
郑重声明,这是在 IE7 和 IE8 中获得响应行为的一种方法。如上所述,问题是这些旧浏览器不支持@media 请求。
解决方案是使用respond.js使用较旧的 IE7 和 IE8。
您可以通过下载 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。它们都运行良好。
祝你好运......这是网页设计的有趣时刻!
关于HTML, Bootstrap CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14049780/