1

как растянуть img src как cover без background-image в CSS

1

1 ответ 1

5

Можно использовать свойство object-fit

body {
   margin: 0;
}
img{
   object-fit: cover;
   height: 100%;
   width: 100%;
}
<html>
    <body>
    <img src="https://upload.wikimedia.org/wikipedia/commons/e/ef/Stack_Overflow_icon.svg">
    </body>
</html>

   

Вот как свойство object-fit:cover описывает документация:

Размер замененного содержимого изменяется таким образом, чтобы сохранить его соотношение сторон при заполнении всего поля содержимого элемента. Если соотношение сторон объекта не соответствует соотношению сторон его блока, то объект будет обрезан по размеру.

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.