按比例縮放div;保留長寬比

Question

SO：我花了很多小時來解決這個設計問題，但似乎無法找到確切的答案。我試圖調整div來適應指定的高度，但限制了它的長寬比。見例如：http://jsfiddle.net/ks2jH/121/

根據我的研究，討論了排序過了所有的地方，包括here。麻煩的是，div只根據瀏覽器的寬度調整&約束，而不是其高度。

的兩個最接近的解決方案，我發現工作寬度： （1）使用：後僞類http://jsfiddle.net/ks2jH/89/，或 （2）使用空白/透明PNG [http://jsfiddle.net/ks2jH/94/]。

這個想法當然是爲了達到同樣的效果而不指定的寬度，因爲它會根據高度自動調整。

想法？

Answer 1

是否使用jQuery。

http://jsfiddle.net/5TETn/210/

我能夠修改寬高比腳本[見：HTTP：//jsfiddle.net/Mottie/5TETn/8]由Mottie over at GitHub達到什麼樣的CSS不能單獨。非常感謝，善良的先生。