SO：我花了好几个小时来解决这个设计问题，但似乎找不到准确的答案。我正在尝试缩放 div 以适应指定的高度但限制其纵横比。见例子：http: //jsfiddle.net/ks2jH/121/
根据我的研究，讨论已经遍布各地，包括这里。麻烦的是，div 仅根据浏览器的宽度而不是其高度来调整大小和约束。
我发现两个最接近宽度的解决方案：(1) 使用 :after 伪类http://jsfiddle.net/ks2jH/89/，或 (2) 使用空白/透明 png [ http://jsfiddle.净/ks2jH/94/]。
当然，这个想法是在不指定宽度的情况下实现相同的目标，因为它会根据高度自动调整。
想法？