Элементы не отображаются должным образом на iPad старого поколения? - PullRequest
Новая
       6

Элементы не отображаются должным образом на iPad старого поколения?

0 голосов
/ 20 февраля 2019

У меня есть несколько проблем с некоторыми элементами, которые не отображаются на iPad старого поколения.Все эти проблемы, на мой взгляд, уникальны для iPad 1-го поколения, так как они отображаются так, как и на новых поколениях / настольных ПК.Я исправил несколько ошибок, в основном связанных с элементами vh и классами параллакса.

Проблемы, с которыми я сталкиваюсь, заключаются в следующем:

1 - При открытии навигационной панели ссылки не отображаются.Я не уверен, что это проблема с тем, как iPad читает JavaScript, так как он отлично работает на всех других устройствах.

2 - у меня также есть Google Maps iFrames на домашней странице и странице контактов, он вообще не отображается и является пустым пространством.

3 - на главной странице верхняя фоновая фотография вообще не отображается.

4 - на всех других страницах,вверху есть фоновые фотографии с текстом, они отображаются, но не отображаются должным образом.

Вот ссылка на сайт: www.bodytone.ca Я понимаю, что код сейчас немного беспорядокЯ все еще должен пройти через все это и исправить это.

1 Ответ

0 голосов
/ 20 февраля 2019

Я смотрю на номер 3 и считаю, что изображение не отображается из-за ограничения максимального размера изображения на ipad 1.

https://ipadportfolioapp.com/limits.html

Ваше изображение имеет размер 2039x2065, тогда какограничение по размеру составляет 2048 пикселей в любом измерении.

Попытка взглянуть на цифру 1, похоже, что они не работают на ipad 2, я тестировал на стоге браузера.Я не знаю, но мне было интересно, поможет ли изменение 

.overlay-content {
    position: absolute;
}

, просто предположение. Мой css не самый лучший.

...