0

所以我有一个容器（DIV），当用户调整窗口大小时，它将使用正确的纵横比调整大小（所以它不会拉伸）。

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

我知道有一个 CSS3 2D 变换选项，但我想在不使用 CSS3 的情况下做到这一点，而只使用 jQuery 和旧 CSS，因此它也适用于旧版本的 IE。

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

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

有什么好的解决办法吗？

4

1 回答 1

1

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

<div id="container" style="width:500px">
    <div id="inner" style="width:50%">
        <img style="width:100%" src="image.jpg"/>
    </div>
</div>
于 2012-07-20T19:49:42.343 回答