2014-12-08 1 views
0

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

Вот CSS я использую:

html { 
background: url(images/scroll.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
min-height: 100%; 
} 

Приветствия

+0

Я считаю, что мобильный клиент перерисовывает всю страницу при изменении ориентации, но не на масштабировании. Не знаете, как это исправить. – philtune

+0

Эй @philtune Я думаю, что это проблема, но я понятия не имею, как ее разрешить. Надеюсь, кто-то может помочь. – owlwink

+0

Я никогда раньше не использовал 'cover', поэтому я не знаю его причуд, но мне интересно, является ли это комбинацией этого и использует« background-position: fixed », который испортил его. – philtune

ответ

1

Просто удаление фиксированной перед использованием крышки решить эту проблему.

background: url(images/scroll.jpg) no-repeat center center;