Mari-art
@Mari-art
noob

Картинка ХТМЛ, как пропорционально растянуть?

Ребят, родил вопрос на ровном месте, частенько с ним сталкивался, и всегда уходил от ответа костыльным методом.
Суть:
Есть картинка в слайдере < img src = "..." alt = "..." > , и есть разрешение экрана в 100vh.
Соответственно получаю часть экрана с картинкой, а другую с синим фоном внизу. Как её пропорционально растянуть на весь размер экрана (не зависимо от девайса)? Именно по высоте, всё равно какая часть изображения спрятана по ширине.

Можно кинуть костыль на див img, я знаю
hight:100vh
display:block
background-image:..
background-size:cover
background-repeat:no-repeat
background-position:top center
но я не хочу делать, ибо, ну должен же быть нормальный вариант?
  • Вопрос задан
  • 57 просмотров
Решения вопроса 2
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
на img кинь object-fit: cover;
Ответ написан
like-a-boss
@like-a-boss
признайся, тебя тянет на код мужика
img {
    object-fit: cover;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы