Сохранение пропорций с шириной изображения в css

Есть ли способ исправить соотношение сторон изображений с меньшей шириной, используя css? Может быть, с помощью jQuery/javascript?

Спасибо!

Ответы

Ответ 1

С помощью простого CSS вы можете установить только один размер изображений: width или height и установить другое как auto, например:

.thumb { 
  width:200px;
  height:auto;
}

Изображения будут иметь фиксированную ширину 200 пикселей, а высота будет зависеть от соотношения сторон.

Ответ 2

Вот решение jQuery;)

function fixImage(elm) {
            elm = $(elm);
            var x = elm[0];

            var allowedHeight = 80;
            var allowedWidth = 80;
            if (width > height) {
                elm.css('width', allowedWidth + 'px');
                elm.css('height', 'auto');
            }
            else {

                elm.css('height', allowedHeight + 'px');
                elm.css('width', 'auto');

            }
}