отзывчивый баннер на всю страницу с использованием обложки - PullRequest
0 голосов
/ 08 июня 2019

Я использую object-fit: cover. Но это обрезает мой образ. Я хочу, чтобы мое изображение отображалось одинаково на всех разрешениях без обрезки. В настоящее время это сокращено от сторон. Я хочу, чтобы он отображался как полная страница без обрезки.

body,html{ height:100%;}

#home{ height:100vh;}
#home img{ height:100vh; width:100%; object-fit:cover;}
<div id="home">
 <img src="https://i.stack.imgur.com/EHmdc.png" class="img-fluid">
</div>

1 Ответ

0 голосов
/ 08 июня 2019

Если вы хотите, чтобы он занимал всю страницу, используйте object-fit:fill.См. документация по объектам

...