Выбор значения object-fit: contain при вёрстке галерей изображений может быть полезен по нескольким причинам:
- Сохранение пропорций. htmlacademy.ru Значение contain позволяет расположить в галерее новое фото, сохранив пропорции и не обрезав важные части. htmlacademy.ru
- Размещение изображений с полями. css-live.ru Это полезно, когда нужно сохранить соотношение сторон изображений на странице, но при этом разместить их в одном и том же месте. css-live.ru
- Подходящий вариант для логотипов. htmlacademy.ru Значение contain подходит для размещения логотипов, у которых есть определённый дизайн и которые не должны меняться. htmlacademy.ru
Таким образом, object-fit: contain рекомендуется использовать в ситуациях, когда ограничена область показа и когда изображение точно не должно изменяться. htmlacademy.ru