image-scaling - Chrome 正在拉伸(stretch)我的最大宽度图像的高度

Question

我在使用的 CMS 中设置图像的最大宽度时遇到了问题。在 Chrome 中(尚未在其他浏览器中测试)，设置最大宽度会拉伸(stretch)我插入的图像的高度 - 请参见此处:http://www.literarykitchen.co.uk/events/testspace/

这是我正在使用的代码:

#content .pagebanner img { max-width:490px; }

为什么它会这样拉伸(stretch)？我以为 maxwidth 意味着图像按比例缩放？

谢谢

奥苏

Answer 1

我有同样的问题，我的图片库是动态的，所有图片都是用户上传的不同尺寸。所以我必须确保这有效。为我解决的是设置 max-width: 、 max-height: 、 height: 和 width: 否则它对我不起作用。

示例:

#image-container-div img {
    max-width: 490px;
    max-height: 490px;
    height: auto;
    width: auto;
}