internet-explorer - 如何让 Twitter Bootstrap 任务栏在 IE7 中正常工作

Question

我最近在应用程序中添加了一个 Bootstrap 任务栏，它在所有现代浏览器中都能正常工作。

然而，在 IE7 中，任务栏在垂直方向上变得非常深，菜单选项会自动换行，第一行是“Branding”文本，第二行是菜单选项。

此外，任务栏上的所有文本都出现在更靠近页面中间的位置，而不是向左浮动。

是否有任何 IE7 解决方法？

score 0 · Accepted Answer

如果我正确理解您的问题，您描述的问题很可能是因为 IE7 不支持 @media 请求。

如果这看起来对您有用，则文档头部的条件注释是使用旧版本 IE 的用户包含此内容的一种简单方法。

我过去用过这个，头上有以下内容：

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="/path-to/js/respond.min.js"></script>
<![endif]-->

祝你好运！

更新

如果我查看navbar > navbar-inner > container div 的样式，它的宽度设置为 940px。这似乎是旧 IE 中问题的根源。

看看这对你有用。

在文档的头部，在所有其他 CSS 调用之后添加

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

然后使用以下内容创建新的ie8-and-down.css样式表：

.navbar-fixed-top .container{
width:80% !important; /* not sure if you need important but doesn't hurt ;) */
}

我正在Mac上的虚拟盒子上测试Windows安装，这对我有用……希望它对你有用。

1 回答 1