在IE中保持图像比例

Question

我正在尝试维持IE中的图像比率，我没有运气......我拿了一个加勒比插件并将其修改为我的需要，这是目前唯一的问题。

有人可以建议一个简单的解决方案吗？ jQuery或CSS ...

Here is where it has to work (second image in IE)

Answer 1

通常，（在所有浏览器中），为图像的某个尺寸设置一个值会导致另一个尺寸适当缩放：

<img src="oo-la-la.png" width="50px" />
<img src="oo-la-la.png" style="height:50px;" />

您也可以使用百分比：

<img src="oo-la-la.png" style="width:100%;"/>

自从浏览器默认将图片尺寸设置为auto以来，这些工作正常。有时（如本例所示）您需要自己强制执行此行为：

.slideshow_image {
    /* Set whatever width or height you like */
    width: 100%;

    /* Enforce auto scaling for the other dimension */
    height: auto !important; 
}