Фон всегда заполняет окно браузера, даже в мобильных браузерах? - PullRequest
0 голосов
/ 18 октября 2011

Я попробовал ответы на Растянуть и масштабировать фон CSS (а также http://css -tricks.com / 3458-perfect-full-page-background-image-image / ) и он прекрасно работает в Firefox и Chrome, но оба метода не работают в браузере Android. Оба метода терпят неудачу одинаково: когда я прокручиваю вниз, фон остается позади, поэтому я получаю белый фон. (Вы можете увидеть проблему, просмотрев эту страницу в браузере Android: http://css -tricks.com / examples / FullPageBackgroundImage / progress.php )

Когда я начинаю прокручивать, происходит начальный скачок фона; Я думаю, что это связано с тем, что окно местоположения больше не отображается (то есть размер окна браузера увеличился).

Поведение при переключении телефона из пейзажа в портретное; это труднее увидеть в приведенном выше примере URL, так как фон в этом примере почти заполнит высоту. Когда текст длиннее, он ломается таким же образом.

Android версии 2.2.1, встроенный браузер webkit.

Поведение Opera Mobile отличается, но не так, как обычно: при прокрутке происходит задержка в полсекунды, после чего фон переходит. Но также фон заполняет только около 80% высоты, поэтому в верхней или нижней части экрана есть белый блок. (Это решение «img на более низком z-index»; решение css3 background-size вообще не работает на Opera Mobile.)

1 Ответ

0 голосов
/ 18 октября 2011

Вы пробовали свойство media в css.

Имеет ссылку

CSS3 Media Queries

Вы можете использовать разные CSS в зависимости от разрешения экрана

...