我最近在应用程序中添加了一个Bootstrap任务栏，它在所有现代浏览器中都能正常运行。
然而在IE7中，任务栏垂直变深，菜单选项换行到第二行，第一行显示“Branding”文本，第二行显示菜单选项。
此外，任务栏上的所有文字都显示在页面中间，而不是向左浮动。
是否有针对此的IE7解决方法？
答案 0 :(得分：0)
如果我正确理解您的问题，您描述的问题可能是因为IE7不支持@media请求。
您可以尝试respond.js或css3-media-queries.js
如果它看起来适合您，那么文档头部的条件注释是一种简单的方法，可以为使用旧版IE的用户提供此选项。
我过去使用过这个，头脑中有以下内容：
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="/path-to/js/respond.min.js"></script>
<![endif]-->
<强>更新
如果我查看导航栏＆gt;的样式navbar-inner＆gt;容器 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安装，这对我有用......希望它可以帮到你。