IE：第一个小于休息的列表项

Question

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

http://dev.torontofamilytherapist.com/services/

Answer 1

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

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

Answer 2

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

您希望在其他地方覆盖CSS语句。

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

Answer 3

如果图像的宽度小于其父级，则需要放宽：100％;为了使图像覆盖整个容器，否则宽度：自动;限制它成像实际尺寸。