Бг-имдж не растягивается полностью на body, что делать?

Question

[Azuz]

Бг-имдж не растягивается полностью на body, что делать?
Хотел задать общий фон для всего body, но в итоге получается белый прямоугольник снизу и body не растягивается на весь экран, помогите

Comments

[YepBro]

Может напишешь какие стили у тебя на body? Не поверишь, но телепаты в отпуске. А вот скрины кроме первого можно удалить :)

[Azuz]

YepBro, body
min-height: 100%
background-size: cover
background-repeat: no-repeat
background-position: center
font-size: 16px
min-width: 320px
position: relative
line-height: 1.65
font-family: "Gt Eesti Pro Display"
overflow-x: hidden
opacity: 1

[Виталий Першин]

min-height: 100% не будет работать если у html не задана высота

Answer 1

[Анатолий Куликов]

Попробуйте сделать так:

body {
    width: 100%;
    min-height: 100vh;
    background: url(path/to/img.jpg) center no-repeat;
    background-size: cover;
}

Однако, есть нюанс такого, что на некоторых мобильных устройствах оно всё равно будет растягиваться не на весь экран (или не так, как ожидалось) и в этом случае нужно будет позицию блока указывать через position и left/right/top/bottom = 0.