jquery - 在 IE 中保持图像比例

Question

我试图在 IE 中保持图像比例，但我没有运气......我拿了一个画廊插件并将其修改为我的需要，这是目前唯一剩下的问题。

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

这是它必须工作的地方（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; 
}