使用常规的、相当宽的Google Chrome浏览器,请参阅http://abmphotography.beta.cjbm.net/aileen-kevin
图像的高度在CSS中定义,但宽度应该是自动的。它似乎适用于肖像图像,但风景图像的最大宽度限制为500像素。
有人能发光吗?
Colin,您在两个选择器上将最大宽度设置为100%:
img
.thumbnail > img
这使得图像与容器一样大,因此不允许您寻求扩展。在Chrome上禁用最大宽度属性会使图像符合您的预期高度,在其他浏览器上也是如此。
要像其他浏览器一样获得正确的输出,必须从css中删除最大宽度,请参阅下文。我已经从下面的css中删除了max-width:100%;
。
.thumbnail > img {
display: block;
margin-left: auto;
margin-right: auto;
}