Исправлен фон не обновляется на Android

Я нашел аналогичный вопрос здесь, но без ответа, но я не могу найти альтернативы в качестве решения.Исправлен фон не обновляется на Android

У меня есть следующий код, и он отлично работает на Mac и Windows, однако я не могу понять, почему на Android (Chrome или Firefox) фон не обновляется, когда пользователь прокручивается вниз, он создает пространство около 1/5 экрана внизу при прокрутке вниз. Фоновое изображение обновляется после отпускания касания.

html{ 
    background-image:url(example.jpg); 
    background-position:fixed; 
    background-size:100% 100%; 
}

источник

2015-03-06 Nima

Используйте вместо этого элемент 'body'. – PHPglue

@PHPglue Я пробовал это, не повезло! – Nima

Попробуйте на первом Элементе внутри 'body'. Оберните все. – PHPglue

Укажите высоту для HTML и тела, т.е.

html  { 
    width: 100%; 
    height: 100%; 
}

body { 
    height: 100%; 
    min-height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
}

и добавить DIV, который будет обернуть все внутри тела, т.е.

<body> 
    <div id="wrapmeup"> 
     ....your content.... 
    </div> 
</body>

И, наконец, добавьте это в свой css:

#wrapmeup { 
    height: 100%; 
    width: 100%; 
    background-image: url(image/background.jpg); 
    background-attachment: fixed; 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
}

источник

2015-03-06 00:39:24

Маленький размер экрана мобильных устройств приводит к уменьшенному пространству просмотра, поэтому требуется обертка –

#wrapmeup также требует значения для позиции. Я добавил «position: fixed» с остальной частью кода, результат точно такой же, как с использованием html/body. – Nima

Спасибо за ваш ответ. – Nima

Исправлен фон не обновляется на Android

ответ

Смежные вопросы