Поиск…


замечания

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 . Он отображает любой вариант с меньшим размером изображения. Объект посадка: масштаб вниз;



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow