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

Question

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

现在我需要做的是每个图像容器在窗口调整大小时按比例调整大小，并让每个图像容器内的每个图像随之增长，但保持它的宽高比。

这是我迄今为止所拥有的，http://jsfiddle.net/pPWVd/。

Answer 1

我修改了你的小提琴（http://jsfiddle.net/pPWVd/5/）以反映你所描述的想法。保持纵横比的关键是仅设置一个维度（宽度或高度）。另外，我将item的显示设置为block，因为它正在获得width并且正在浮动。

根据您的具体情况，您实际上不需要额外的div包装来实现效果，请参阅http://jsfiddle.net/pPWVd/7/。虽然如果你把其他东西放在item中，那么你会想要保留它。