Масштабирование по длине; сохранить пропорции

Question

ТАК: Я потратил несколько часов на решение этой проблемы дизайна, но, похоже, не нашел точного ответа. Я пытаюсь масштабировать 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 в одиночку не мог. Большая благодарность, добрый сэр.