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

Ваш ответ

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

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