Как имитировать эффект background:cover?

Question

[Shuboanator]

Есть контейнер внутри которого есть изображение. Надо сделать так, что бы картинка изменялась пропорционально контейнеру, как это делает эффект background:cover.

Как это осуществить?

Answer 1

[Сергей Виноградов]

css-tricks.com/perfect-full-page-background-image

Answer 2

[Илья]

.container img {
  width: 100%;
  height:100%;
}

Comments

[Shuboanator]

тогда картинка будет растягиваться.

[Илья]

Вы же хотели, чтобы картинка менялась вместе с контейнером?

[Shuboanator]

@irostovtsev да, но что бы она не расплющивалась при изменении пропорций высоты и ширины контейнера

[Илья]

Тогда width: 100%, а height: auto;