Twitter引导程序 - IE中的左右边距

Question

我正在使用来自twitter的最新bootstrap。 我现在处于设计网站的早期阶段。

问题是，当我在IE 7-8以外的其他浏览器上查看网站时看起来不错，但是在IE 7-8上包含身体左侧和右侧的额外边距，因此所有内容都很奇怪并且每个都重叠其他

我不知道为什么会发生这种情况

请协助

此致

Answer 1

我找到了办法！

在IE中我通过添加填充和边距来进行跨度移动...不确定它是否正确但是它有效（跨度7是我的左列，span5是我的右列）！

<!--[if gte IE 5]>

.span7 {      保证金左：-150px } .span5 {     填充左：150像素 }  

<![endif]-->

Answer 2

可能是IE7和IE8缺乏对引起此布局问题的媒体查询的支持。

如果您正在查看大型监视器上的页面，并且它属于媒体查询@media（min-width：1200px），则IE7 / 8可能无法获取任何宽度/边距/填充CSS值由该媒体查询分配。

查看这是否是问题的一个好方法是将Scott Jehl的respond.js here on GitHub下载到您的js目录中。它曾经被包含在Modernizr中，但我认为它现在是一个可选的补充。基本上它给出了关于媒体查询的IE7 / 8知识。

我从页面的头部调用它，在为HTML加载HTML5shim的现有条件注释中。

<script src="js/respond.min.js"></script>

加载后，您将看到它所产生的布局差异。

希望这有帮助。