我正在使用来自 twitter 的最新引导程序。我正处于设计网站的早期阶段。
问题是，当我在除 IE 7-8 之外的其他浏览器上查看网站时，它看起来还可以，但在 IE 7-8 上，正文的左右两侧都有额外的边距，因此所有内容都变得奇怪并相互重叠。
我不知道为什么会这样
请协助
问候
问问题
675 次
2 回答
0
我找到了一个方法！
在 IE 中，我通过添加填充和边距来移动跨度...不确定它是否正确，但它可以工作（跨度 7 是我的左列，跨度 5 是我的右列）！
<!--[if gte IE 5]>
.span7 { margin-left:-150px } .span5 { padding-left:150px }
<![endif]-->
于 2012-07-12T14:42:41.593 回答
0
导致此布局问题的原因可能是 IE7 和 IE8 不支持媒体查询。
如果您在大型显示器上查看页面，并且它属于媒体查询@media (min-width: 1200px)，则 IE7/8 可能不会获取任何由它分配的宽度/边距/填充 CSS 值媒体查询。
查看这是否是问题的一个好方法是将GitHub 上的 Scott Jehl 的 respond.js 下载到您的 js 目录中。它曾经包含在 Modernizr 中，但我认为它现在是可选的添加。基本上它提供了有关媒体查询的 IE7/8 知识。
我从页面的头部调用它，在现有的条件注释中为 IE 加载 HTML5shim。
<script src="js/respond.min.js"></script>
加载后，您将看到它产生的布局差异。
希望这可以帮助。
于 2012-11-12T23:51:40.960 回答