Дисплей Retina на iPhone 4 вдвое больше плотности iPhone 3, но Apple справилась с этим довольно хорошо, но просто сделала предположение и удвоила пиксели при рендеринге (чтобы ваша веб-страница выглядела одинаково по физическому размеру на каждом устройстве) , Затем вы можете использовать некоторые медиазапросы webkit для загрузки дополнительного CSS только для этого устройства (-webkit-min-device-pixel-ratio: 2).
Вопрос: существует ли ресурс, который а) перечисляет другие мобильные устройства, которые сейчас используют экраны с высоким PPI, б) что устройство делает по умолчанию для рендеринга веб-сайтов, и в) поддерживает ли оно проверку веб-набора и / или это собственный метод определения?
Если нет, возможно, этот пост мог бы стать тем ресурсом (CW), опубликовав информацию об определенных устройствах в качестве ответов. Я должен начать иметь дело с устройствами BlackBerry и Nokia, которые используют экраны с высоким разрешением (и Android вместе с ними). Любые данные приветствуются!
ОБНОВЛЕНИЕ:
После некоторого тестирования я обнаружил, что на самом деле нет других мобильных устройств, которые идентифицируют себя с двойной плотностью, как iPhone 4. Сейчас есть экраны с гораздо более высоким PPI (часто на небольших устройствах), но устройство никоим образом не объявляет себя с высоким PPI. Возможно, лучший способ объяснить это состоит в том, что у этих устройств просто «действительно маленькие пиксели».
Таким образом, на самом деле практического способа работы с этими устройствами не существует, учитывая, что ВСЕ сайты отображаются одинаково, поэтому любая попытка изменения вашего сайта, скорее всего, будет мешать собственным предпочтениям и настройкам пользователя.
Если кто-нибудь знает о каких-либо устройствах, кроме iPhone 4, которые должным образом заявляют о себе как о высоком PPI, позвольте мне сейчас!