image - 用于在 Internet Explorer 中缩放图像的最大宽度和最大高度

Question

我正在创建一个画廊，该画廊在固定空间中显示多种格式的图像(宽、方形和高)。理想的解决方案是让所有图像具有相同的尺寸，但这无法实现。

我结合使用了 max-width 和 max-height 来确保图像可以适本地缩放到有限的空间。唯一的问题是 Internet Explorer，它以 max-width 和 max-height 宽度和高度显示图像(因为它无法理解它们)。

我一直在研究这个问题的各种解决方案，但(目前)还没有设法使它们中的任何一个发挥作用。该画廊使用 jQuery 和 Galleriffic，除了最大宽度/最大高度问题外，它们工作正常。

有什么建议吗？

编辑:问题似乎在于 Internet Explorer 处理图像的最大高度和最大宽度的方式，因为它们无法正确缩放。

编辑 2: 我做了一些测试，IE 的问题不是最大宽度和最大高度，它们是有效的(因为它们确保图像不会变得比它设置的更大)，例如:

最大宽度:600px；
最大高度:600px;

将确保图像不会变得大于这两个值。图像未正确缩放，因此高图像会显得压扁而宽图像会显得拉伸(stretch)。我打开了 IE7 兼容性 View ，图像显示正确，但在 IE8 中，图像出现压扁/拉伸(stretch)(这意味着 IE8 会出现问题)..

Answer 1

您是否尝试过使用 height:auto 和 width:auto 以及使用 max-height 和 max-width，这通常会导致 IE 呈现正确的纵横比。