11 декабря компания Adobe собирается провести онлайн-презентацию, в рамках которой, возможно, будет ...
Формат: mp3 320 Размер: 294 Мб Переиздание к 20 летию группы Rage Against The Machine. CD 1 — ...
Компания Sapphire Technology Limited анонсировала 2 мини-компьютера новой линейки EDGE VS Series, ...
AMD Radeon HD 7970 уже довольно долго присутствует на рынке видеокарт. Карта представила новую ...
Более двух лет прошло после начала продаж
iPhone 4 летом 2010 года, и за эти два года сайтостроители привыкли проверять джаваскриптом значение
window.devicePixelRatio (или же использовать в CSS медиазапрос
device-pixel-ratio) как простое и бесхитростное средство, позволяющее тотчас же выяснить, запущен ли сайт на сетчаточном дисплее
(retina display) или нет. Если величина
devicePixelRatio равна
двойке, то перед нами сетчаточный дисплей (четвёртый iPhone, четвёртый iPod Touch, третий iPad, или более новые устройства, или портативный компьютер «MacBook Pro with Retina Display»); если же величина
devicePixelRatio равна
единице (или не определена), то перед нами дисплей обычной чёткости.
Чуть сложнее, по сравнению с эппловскими, бывает учёт устройств, работающих под Android: там приходится воспринимать дробные величины, не равные единице или двойке.
Peter-Paul Koch сообщил во блогозаписи «More about devicePixelRatio» о том, что (по его наблюдениям) в Nexus One величина
devicePixelRatio равна 1,5, тогда как в Galaxy Nexus и в Galaxy Note она равна
двум в WebKit
и 2,25 в Opera Mobile.
Но эти мелкие отличия не меняют картины в целом: все привыкли думать о значении величины
devicePixelRatio как о таком
свойстве устройства, которое на одном и том же мобильнике (или планшете, или ноутбуке) остаётся беспрерывно
постоянным. В частности, именно на этом были основаны все, все рецепты из хабрахабровских блогозаписей «Адаптируем графику под Retina экран», «Распознаём
retina-дисплеи джаваскриптом», «Отображаем карты OpenStreetMap на iPhone 4 с учётом сетчаточного дисплея при помощи Leaflet», «Как отличить версию iPad в Safari», «Оптимизация графики
для Retina-экранов», «Комплексная подготовка сайта к Retina» и им подобных.
Но пришёл ноябрь 2012 года, и настаёт пора
отказаться от этой привычки, настаёт пора критически пересмотреть прежние рецепты. Сейчас скажу почему.
Читать дальше →