Как сделать что бы изображение изменялось пропорционально контейнеру?

Question

[Shuboanator]

Есть контейнер с фиксированной высотой, и не зафиксированной шириной(50%);
как сделать что бы при изменении ширины он не растягивался, а пропорционально изменялся?
Что-то типа backgraund:cover;

P.S: Это изображение не может быть backgraund контейнера.

Comments

[Виталий Киренков]

А почему оно не может быть "background" ?

Answer 1

[Виталий Киренков]

img {width: 100%; height: auto;}
Но так он будет у вас прибит верхом картинки к верху блока. Для вертикального выравнивания попробуйте поиграться со свойством vertical-align

Answer 2

[Евгений Кузнецов]

Можно для контейнера сделать overflow: hidden; position: relative;
Для изображения position: absolute; и на JS высчитывать width и top...

Это если костыльно))

Comments

[Shuboanator]

очень уж как то костыльно)