IE：第一个列表项小于其余项

【问题标题】：IE: First list item smaller than restIE：第一个列表项小于其余项
【发布时间】：2015-02-07 18:19:41
【问题描述】：

有什么想法吗？第一个列表项被压扁，但仅限于 IE。所有其他浏览器都很满意。

【问题讨论】：

【解决方案1】：

我在 IE 控制台中查看了您的代码。当我删除 bootstrap.css 中 width:auto; 旁边的复选框时，图像正确展开。虽然我不确定为什么这解决了这个问题，但它确实解决了它。

您需要在别处覆盖 CSS 语句。

.featured-thumbnail img { width: 100% important!; }

【讨论】：

【解决方案2】：

罗伯特有正确的答案，但没有理由。之所以会发生这种情况，是因为右边的两个图像比容器大。第一个不是。因此它命中width:auto，因此它被缩小到图像的尺寸。

您可以将其替换为正确尺寸 (370x264) 的图像，而不是更改 css。

【讨论】：

【解决方案3】：

如果图像的宽度小于其父图像，则需要设置 width: 100%;为了使图像覆盖整个容器，否则宽度：自动；将其限制为图像的实际大小。

【讨论】：