按比例缩放div;保持纵横比

Question

所以：我花了好几个小时来解决这个设计问题，但似乎无法找到准确的答案。我试图缩放div以适应指定的高度，但约束其纵横比。请参阅示例：http://jsfiddle.net/ks2jH/121/

根据我的研究，讨论已经到处都有类，包括here。麻烦的是，div只调整大小和根据浏览器的宽度约束，而不是它的高度。

我发现两个最接近的解决方案适用于宽度： （1）使用：after伪类http://jsfiddle.net/ks2jH/89/，或 （2）使用空白/透明png [http://jsfiddle.net/ks2jH/94/]。

当然，这个想法是在没有指定宽度的情况下实现相同的事情，因为它会根据高度自动调整。

思想？

Answer 1

使用jQuery做到了。

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

我能够通过Mottie over at GitHub修改宽高比脚本[请参阅：http：//jsfiddle.net/Mottie/5TETn/8]来实现CSS本身无法实现的功能。非常感谢，亲切的先生。