我正在创建一个画廊，在固定的空间中显示几种格式的图像(宽，正方形和高)。理想的解决方案是使所有图像具有相同的尺寸，但这是无法实现的。
我结合使用最大宽度和最大高度来确保图像正确缩放到有限的空间。唯一的问题是Internet Explorer，它以最大宽度和最大高度的宽度和高度显示图像(因为无法理解它们)。
我一直在寻找解决此问题的各种解决方案，但尚未设法使它们中的任何一个都起作用。画廊使用jQuery和Galleriffic，除了max-width / max-height问题外，它们都能正常工作。
有什么建议么？
编辑:似乎问题出在Internet Explorer处理图像的最大高度和最大宽度的方式上，因为它们无法正确缩放。
编辑2:我做了一些测试，而IE的问题不是max-width和max-height起作用了(因为它们可以确保图像不会变得比原来的大)设置为)，例如:max-width: 600px;max-height: 600px;
将确保图像不会变得大于这两个值。图像缩放不正确，因此高图像将被压缩，宽图像将被拉伸(stretch)。我打开了IE7兼容性 View ，并正确显示了图像，但是在IE8中，外观被挤压/拉伸(stretch)(这意味着IE8会出现问题)。
最佳答案
您是否尝试过height:auto和width:auto以及使用max-height和max-width，通常会导致IE渲染正确的宽高比。