jQuery动态比例元素/图像大小调整

我试图让图像按其包含元素的比例调整大小，唯一的问题是，我正在努力使每个图像容器的高度按其在窗口调整时改变的宽度的比例调整大小，每个图像容器的宽度设置为主容器元素宽度的25%

我现在需要做的是，当窗口调整大小时，每个图像容器按比例调整大小，并使其各自容器中的每个图像随其增长，但保持其纵横比

---

这是我到目前为止所做的。

我修改了你的小提琴（）以反映你所描述的想法。保持纵横比的关键是只设置一个尺寸（宽度或高度）。此外，我还将

项的显示设置为
块
，因为它获得了
宽度
，并处于浮动状态

根据您的情况，您确实不需要额外的
div
包装来实现效果，请参阅。虽然如果你在
项中添加了其他内容
，那么你会希望保持原样。
像这样的问题曾经问过，也许这会有帮助。。[        [1]: