Question

背景

我已经建立了一个响应式网站模板。我选择使用 Bootstrap 2.3.2 ，因为它需要在IE7 +中运行并且适合移动设备。我使用了respond.js和html5shiv.js，以便它可以在IE中使用。

的问题

该网站在Chrome和Firefox中运行良好。它在IE8中表现良好。然而，IE8中的非常慢。即使在页面加载完毕后，如果我尝试向下滚动或点击某些内容，浏览器也会冻结。它看起来很棒，但响应时间慢使它几乎无法使用。

我发现 Bootstrap.min.css 是原因。当我从页面中删除bootstrap.min.css并保留其他所有内容时，样式不起作用，但页面加载速度很快，可以快速向上和向下滚动并单击按钮。 / p>

我认为（或者更确切地说，我希望！）原因不是Bootstrap，而是因为我使用了Bootstrap的响应元素（例如行流体）。我希望保持网站对所有非IE用户的响应，但我想尝试为IE8用户及以下用户修复所有宽度。

我尝试通过创建条件IE样式表来覆盖IE中的百分比宽度。但是，即使使用！important（例如下面的例子），它似乎也无法覆盖媒体查询。

HTML

<div class="row-fluid"> 
       <div class="span10 width7">

       </div>
</div>

自举

这是我试图覆盖的一个例子。

 @media (min-width: 1200px)
      .row-fluid .span10 {
      width: 40.92827004219409%;
      }

CSS覆盖Bootstrap

以下代码无法覆盖上面的bootstrap css。

.row-fluid .span10.width7{  
      width:  485px !important; 
 }

有没有人对我如何调整我的模板有任何建议，以便它继续对非IE用户做出响应，但是IE8及以下版本的宽度是固定的？

非常感谢，

凯蒂