为什么Chrome中的图像宽度不超过500px？

Question

使用常规的、相当宽的Google Chrome浏览器，请参阅http://abmphotography.beta.cjbm.net/aileen-kevin

图像的高度是在CSS中定义的，但宽度应该是自动的。它似乎适用于肖像图像，但横向图像被限制为最大500px宽。

有没有人能提供一点线索？

Answer 1

Colin，您在两个选择器上将max-width设置为100%：

img
.thumbnail > img

这使得图像和容器一样大，因此不允许您所寻求的扩展。禁用Chrome上的max-width属性会使图像适合您预期的高度，在其他浏览器上也应该如此。

Answer 2

要像其他浏览器一样获得正确的输出，您必须从css中删除max-width，请参见下面的内容。我已经从下面的css中删除了max-width:100%;。

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}