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

Question

我想图像调整大小成比例地包含他们的元素，唯一的问题是，我正在努力获得每个图像容器的高度成比例调整它的窗口大小，每个图像容器的宽度设置为主容器元素宽度的25％。

我现在需要发生的事情是每个图像容器在窗口大小调整时按比例调整大小，并使每个图像位于各个容器内，但保持其纵横比。

这是我到目前为止，http://jsfiddle.net/pPWVd/。

Answer 1

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

根据你的情况，你真的不需要额外的div包装来达到效果，见http://jsfiddle.net/pPWVd/7/。虽然如果你在item中放置其他东西，那么你会想保持它的样子。