我正在创建一个画廊，在固定的空间中显示几种格式的图像（宽，方和高）。理想的解决方案是让所有图像都具有相同的尺寸，但这是无法实现的。
我正在使用最大宽度和最大高度的组合来确保图像在有限的空间内正确缩放。唯一的问题是Internet Explorer，它以最大宽度和最大高度宽度和高度显示图像（因为它无法理解它们）。
我一直在寻找这个问题的各种解决方案，但还没有设法让它们中的任何一个工作（还）。该库使用jQuery和Galleriffic，除最大宽度/最大高度问题外，它们工作正常。
有什么建议吗？
编辑：问题似乎在于Internet Explorer处理图像的最大高度和最大宽度的方式，因为它们无法正确缩放。
编辑2：我做了一些测试，IE的问题不是max-width和max-height，这是有效的（因为他们确保图像不会变得比设定的大，例如：
max-width: 600px;
max-height: 600px;
将确保图像不会大于这两个值。图像没有正确缩放，因此高图像会出现压扁，宽图像会显得拉长。我打开IE7兼容性视图并正确显示图像，但在IE8中，出现压扁/拉伸（这意味着它将成为IE8的问题）..
答案 0 :(得分：37)
你尝试过高度：auto和width：auto以及使用max-height和max-width，这通常会导致IE呈现正确的宽高比。