Alexanevsky
@Alexanevsky
Любительская web-разработка

Есть ли сбои при отражении адаптивной вёрстки на Retina экранах?

Здравствуйте!

Дошли руки сделать сайт с адаптивной вёрсткой, в связи с чем возникли вопросы про отображение для iPad.
Вёрстка адаптируется посредством css @media max-width под размеры 768, 1024, 1440 и т.п. Соответственно, для iPad в горизонтальной ориентации должно отображаться то, что попадает под 1024. Но ведь у iPad с Retina разрешение разрешение 2048...

Я правильно понимаю, что количество пикселей на дюйм и размер экрана в данном случае немного разные понятия, и на iPad с Retina будет именно та вёрстка, которая у меня для него прописана, т.е. под 1024? Сюда же не только iPad, но и вся остальная техника с Ретиной.

С уважением,
Александр.
  • Вопрос задан
  • 2866 просмотров
Решения вопроса 2
Trow_eu
@Trow_eu
Будет 1024, но картинки и графика как-будто при 2048. Не по размеру ужмутся, а каждый пиксель будет занимать 4, так что желательно учесть и использовать картинки высокого разрешения.
Ответ написан
Комментировать
Графика как-будто мылится. мелкие четкие геометрические формы размываются. особенно заметно на всяческих иконках, стрелочках и т.д.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
rsvetlitskiy
@rsvetlitskiy
UX/UI designer, researcher and almost a developer.
Проблемы появляются только с графикой, решается использованием svg там где это возможно. Для
"подмены" растровых изображений юзать медиа запросы или retina.js
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы