Увеличенное фоновое изображение на iPad и iPhone

[cloudrc 51]

Доброго времени суток!

На сайте клиента есть фиксированный background со свойством cover.

На компьютере и android'ах все отлично, а вот на устройствах apple на главной фоновое изображение сильно увеличено(приближено), то есть оно не подгоняется по экрану, а отображается кусок запикселенного изображения.

Буду благодарен за помощь!

Изменено 13 июля, 2015 пользователем cloudrc

[cloudrc 51]

Проблема оказалась немного другая.

При добавлении контента на страницу, будь то текст, видео или изображение, фоновое изображение все сильнее увеличивается.

Т.е. сзади наблюдается планета на фоне, добавили модуль приветствие с текстом, планета увеличилась, добавили модуль хиты продаж, еще больше увеличилась, ну и если добавить все, что нужно, то фон на странице весь будет в пикселях.

 

Очень нужна помощь в решении этого вопроса!

[cloudrc 51]

Готовы заплатить за решение данного вопроса.

[cloudrc 51]

Добавил в css к html - height:100%;, тогда все заработало, но появилась дополнительная вертикальная полоса прокрутки(

[Otvet 532]

Overflow hidden

[cloudrc 51]

Overflow hidden

Это просто уберет второй вертикальный скролл, а при всех значениях, которые я описывал выше, на iPad прокрутка стала "жесткой", то есть если раньше при прокрутке я убирал палец с экрана, она еще делала несколько шагов. Теперь, я убираю палец - страница прокрутка моментально останавливается.

[cloudrc 51]

Трое суток мучений принесли свои плоды - нашел способ, как безобидно вставить фоновое изображение на сайт и чтобы устройства на iOS его нормально отображали

В создал div и прописал ему стили(пишу по памяти):

Имя div'а {

Background: url(***);

Position:fixed;

Left:0;

Top:0;

Height:100%;

Width:100%;

Background-attachment: cover;

}