Перейти к содержанию
cloudrc

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

Рекомендуемые сообщения

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

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

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

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

post-686629-0-93856400-1436803653_thumb.jpg

post-686629-0-89516300-1436803668_thumb.jpg

Изменено пользователем cloudrc

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Overflow hidden

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Имя div'а {

Background: url(***);

Position:fixed;

Left:0;

Top:0;

Height:100%;

Width:100%;

Background-attachment: cover;

}

post-686629-0-59664500-1437005880_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.