jQuery動態比例元素/圖像調整大小

Question

我想圖像調整大小成比例地包含他們的元素，唯一的問題是，我正在努力獲得每個圖像容器的高度成比例調整它的窗口大小，每個圖像容器的寬度設置爲主容器元素寬度的25％。

我現在需要發生的事情是每個圖像容器在窗口大小調整時按比例調整大小，並使每個圖像位於各個容器內，但保持其縱橫比。

這是我到目前爲止，http://jsfiddle.net/pPWVd/。

Answer 1

我修改了你的小提琴（http://jsfiddle.net/pPWVd/5/）以反映你描述的想法。維持寬高比的關鍵僅在於設置一個維度（寬度或高度）。此外，我將item的顯示設置爲block，因爲它正在獲得width並正在浮動。

根據你的情況，你真的不需要額外的div包裝來達到效果，見http://jsfiddle.net/pPWVd/7/。雖然如果你在item中放置其他東西，那麼你會想保持它的樣子。