Рассчитать высоту изображения при установке ширины 100%

Question

Как вы вычисляете «использованную/определенную» высоту изображения при использовании width="100%". Мне нужно это, чтобы определить, следует ли использовать width="100%" или установить высоту с максимальным значением n px. Это из-за того, что изображения становятся большими для своей коробки (div).

Я бы хотел рассчитать заранее и не изменять размер изображений после их отображения в браузере. (Сценарий находится в макете продукта).

Answer 1

Если высота является пределом, почему бы не использовать высоту в качестве свойства, чтобы отрегулировать размер изображения?

Если this support достаточно, вы можете использовать max-height и height:

img { 
    height:100%; 
    max-height:115px; 
} 

пример: http://jsfiddle.net/JdQK6/

Вы бы установить максимальную высоту-на максимальную высоту вы хотите, чтобы изображение было.