Главный список мобильных экранов с высоким PPI и как его обнаружить / обработать с помощью CSS?
Дисплей 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, позвольте мне сейчас!
1 ответ
Смотрите здесь для аналогичного вопроса:
Как настроить таргетинг на iPhone 3GS и iPhone 4 в одном медиа-запросе?
Я спросил об этом несколько дней назад, я не думаю, что есть список таких вещей, но если вы знаете устройства, на которые вы хотите нацелиться, не сложно найти и таким образом нацелить эти устройства.
Наилучший метод обнаружения - использовать запросы CSS3 @media, и, учитывая, что Opera является самым популярным браузером для мобильных устройств, можно с уверенностью использовать расширение веб-набора вместе с запросами @media.