Наш веб-сайт отлично отображается на Mac. Однако на iPad изображения слайдера домашней страницы выглядят очень пиксельными.

Я просмотрел [эту статью] [2] и изменил файлы JPG на прогрессивные, очистил кеш сервера и кеш iPad Safari, но проблема осталась.

Помощь приветствуется.

8
Insight 26 Сен 2018 в 04:47

2 ответа

Лучший ответ

Из этого ответа использование background-attachment: fixed с background-size: cover вызывает проблемы в большинстве мобильных браузеров. Вы можете попробовать использовать background-attachment: scroll. Это не даст желаемого эффекта, но вы хотя бы увидите изображения. Вы можете использовать один или два медиа-запроса, чтобы ограничить его устройствами, которые являются планшетами или телефонами, используя @media screen and (max-device-width: 1024px){}

Или

Вы можете использовать background-position: scroll и включить некоторый javascript, который будет держать изображение в прокрученном положении (сохраняя его вверху окна): ДЕМО

4
Insight 1 Окт 2018 в 06:14

Может быть, попробуйте преобразовать изображение в PNG или SVG и посмотреть, поможет ли это. Если у вас есть графический дизайнер, попросите его сделать это или воспользуйтесь одним из конвертеров изображений в Интернете. JPEG-файлы сжимаются каждый раз при сохранении, и это сжатие с потерями, поэтому изображение будет артефактом, придавая пиксельный вид, который вы описываете. Если это решит проблему, значит, проблема связана с самим изображением. Если он по-прежнему выглядит пиксельным, это может быть проблема с Ipad. Затем я хотел бы посмотреть, сможете ли вы заставить разработчика настроить эмулятор для другого устройства Ipad, с Genymotion или со встроенным эмулятором, который поставляется с Android Studio, и посетить ваш сайт на эмуляторе и посмотреть, сохраняется ли проблема. Надеюсь, это поможет!

0
Nathan 28 Сен 2018 в 13:53