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

Question

[Alexander Lashchevsky]

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

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

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

С уважением,
Александр.

Answer 1

[Trow_eu]

Будет 1024, но картинки и графика как-будто при 2048. Не по размеру ужмутся, а каждый пиксель будет занимать 4, так что желательно учесть и использовать картинки высокого разрешения.

Answer 2

[Андрей Голуменов]

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

Comments

[Alexander Lashchevsky]

С иконками и стрелочками предусмотренно: ставятся шрифтовые.

Answer 3

[Rodion Svetlitskiy]

Проблемы появляются только с графикой, решается использованием svg там где это возможно. Для
"подмены" растровых изображений юзать медиа запросы или retina.js