CSS
Установка и размещение объектов
Поиск…
замечания
Internet Explorer не поддерживает свойства object-fit и место object-position .
Объект посадки
Свойство object-fit определяет, как элемент будет вписываться в поле с установленной высотой и шириной. Обычно применяется к изображению или видео, Object-fit принимает следующие пять значений:
FILL
object-fit:fill;
Заполнить растягивает изображение, чтобы оно соответствовало содержимому, независимо от исходного соотношения сторон изображения.
СОДЕРЖАТЬ
object-fit:contain;
Contain соответствует изображению на высоте или ширине окна при сохранении соотношения сторон изображения.
ПОКРЫТИЕ
object-fit:cover;
Покрытие заполняет всю коробку изображением. Соотношение сторон изображения сохраняется, но изображение обрезается до размеров окна.
НИКТО
object-fit:none;
None игнорирует размер поля и не изменяется.
УМЕНЬШАТЬ
object-fit:scale-down;
Масштабирование уменьшает или уменьшает размер объекта как none или как contain . Он отображает любой вариант с меньшим размером изображения. 