18 окт. 2018 г. · width и height должны быть заданы для изображения, а не обертки .f-img-block { background: red; overflow: hidden; } .f-img-block img ... Почему object-fit не работает с <picture> <source>? Свойство object-fit + transition - html - Stack Overflow на русском object-fit: cover для блока - css - Stack Overflow на русском Другие результаты с сайта ru.stackoverflow.com

8 июн. 2023 г. · Object fit у вас прекрасно работает. У вас не работает height:100% на картинке. У родителя нет высоты. Есть min-height, а это не подходит.

12 янв. 2021 г. · Почему object-fit: cover; работает только если картинка обёрнута в тег с свойством display:flex, а если displayblock то не работает.

Проверьте явные значения width и height для изображения. Используйте cover, contain, fill, none, scale-down в object-fit для корректного изменения размера.

8 мая 2023 г. · Работает только если картинке задан хотя бы один размер: ширина или высота. Иначе браузер не понимает в какую область нужно вписать картинку.

15 июн. 2023 г. · В тех ситуациях, когда картинка не соответствует размеру бокса, но её нужно вставить, рекомендуется использовать object-fit . Он определяет, как ...

8 мая 2023 г. · Свойство помогает спозиционировать отрисовку картинки <img> или видео <video> внутри контейнера, если к нему применили свойство object-fit .

6 янв. 2024 г. · Свойство object-fit определяет, как содержимое заменяемого элемента, такого как или , должно заполнять контейнер относительно его высоты и ... Интерактивный пример · Синтаксис · Пример

25 февр. 2016 г. · Это может показаться странным, но всё дело в том, что по умолчанию для изображения устанавливается object-fit: fill , даже если не объявлять его ...

Обратил внимание, что на Хроме если изображению не указан бэкграунд, то object-fit не работает. При этом в фф всё нормально работает. aaburlaka • 9 лет ...