HTML, Bootstrap CSS

标签 html css twitter-bootstrap

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/

相关文章:

css - 在 Bootstrap 模式中对齐 2 个 div

html - 如何在 div 上显示 (<li>) 菜单项 - z-index 不起作用

html - 如何为引导登录页面创建一个简单的纯 CSS 图库/幻灯片?

html - IE7 <li> 元素符号或数字显示在 div 之外

html - CSS/HTML - Twitter Bootstrap - 响应式媒体网格悬停覆盖

jquery - 改变一个元素会影响另一个元素 jquery css

html - 从 Rails View 更改 Haml 表的 CSS 属性

html - Bootstrap 断点在 chrome 检查器中不能正常工作?

HTML 5 离线存储缓存 list 不工作

html - 如何在不向正文内容添加填充的情况下在底部添加页脚