Question

所以我有一个容器（DIV），当用户调整窗口大小时，它会使用正确的宽高比进行调整（因此它不会伸展）。

现在我想使用jQuery动态调整容器内的所有元素，记住它们也应该正确地保持它们的宽高比。

我知道有一个CSS3 2D Transforms选项，但我想在不使用CSS3而只使用jQuery和旧CSS的情况下这样做，所以它也适用于旧版本的IE。

以下是代码，因为您可以看到图像将保持其宽高比，因为我使用的宽度= 100％，但其他元素有自己的大小（宽度和高度），不能是百分比。

理想情况下，我喜欢在调整窗口大小时正确设置这些元素的宽度，高度，顶部和左侧位置。 http://jsfiddle.net/Km8Ef/1/

有什么好的解决方案吗？

Answer 1

如果没有看到一些标记，我真的不知道你要完成什么，但为什么不使用百分比宽度呢？容器将根据您的代码手动设置...

<div id="container" style="width:500px">
    <div id="inner" style="width:50%">
        <img style="width:100%" src="image.jpg"/>
    </div>
</div>