Как сэмулировать свойтсво background-size contain Для блока с картинкой?

Question

[vladHD]

Всем привет, собственно вопрос, как эмулировать поведение, когда блоку с фиксированной шириной и высотой задается background со свойтсвами contain и позиционированием по центру ?
т.е что-то типа такого jsbin

т.е мне нужна структура типа<div><img></div>

Comments

[Максим Алёшин]

То есть растянуть её на всю ширину и высоту блока?

Answer 1

[Максим Алёшин]

johnpolacek.github.io/imagefill.js

Вот плагин для этого.

Answer 2

[Денис Васильев]

object-fit: contain;
https://jsbin.com/hefuwe/edit?html,css,output

Comments

[vladHD]

поддержка оч слабая