background-size: cover only подходит ширина

Question

У меня есть «горизонтальное» изображение в качестве фона (это 2048x1148).

Я установил background:url("") no-repeat scroll center top/cover, и в рабочем режиме все в порядке. В мобильном телефоне, хотя я не могу получить фоновое изображение для масштабирования и автоматически покрывать высоту. Не должно background-size:cover сделать это автоматически?

Here «s живой сайт.

Answer 1

Сделайте свою страницу закрыть отверстие видового экрана:

html, body{ 
    height: 100%; 
} 

или использовать min-height.

Answer 2

Под вашим html стилем в файле CSS добавьте min-height: 100%;, я попробовал, и он сработал.

html, body { 
min-height: 100%; 
} 

Answer 3

html & body метка должна быть высотой 100% и удалить запас из тела:

html, 
body { 
    height: 100%; 
} 
body { 
    margin: 0; 
}