Это свойство может использоваться для изображений, видео или любых других носителей. Его также можно использовать со свойством `object-position` чтобы получить больше контроля над отображением носителя.
В основном мы используем свойство `object-fit` чтобы определить, как оно растягивается или хлюпает встроенный носитель.
## Синтаксис
```css
.element {
object-fit: fill || contain || cover || none || scale-down;
}
```
## Значения
*`fill` : **Это значение по умолчанию** . Измените размер содержимого в соответствии сего родительским полем независимо от соотношения сторон.
*`contain` : Измените размер содержимого, чтобы заполнить его родительское поле, используя правильное соотношение сторон.
*`cover` : аналогично `contain` но часто обрезать контент.
*`none` : отображение изображения в исходном размере.
*`scale-down` : сравнить разницу между `none` и `contain` чтобы найти наименьший размер конкретного объекта.
## Совместимость с браузером
`object-fit` поддерживается большинством современных браузеров, для получения самой последней информации о совместимости вы можете проверить это http://caniuse.com/#search=object-fit