Density LDPI Low density. Small screens are at least 426dp x 320dp. ~120 ppi MDPI Medium density. Normal screens are at least 470dp x 320dp. ~160 ppi HDPI High density. Large screens are at least 640dp x 480dp. ~240 ppi XHDPI Extra high density. Xlarge screens are at least 960dp x 720dp. ~320 ppi http://developer.android.com/guide/practices/screens_support.html# Чем различаются дисплеи?
content="width=device-width"> Атрибут Возможное значение width Целое неотрицательное значение (от 200px — 10,000px) или константа device- width. Если ширине не указана, в мобильном Safari устанавливается значение 980px, в Opera — 850px, в Android WebKit — 800px, а в IE — 974px. height Целое неотрицательное значение (от 223px до 10,000px) или константа deviceheight initial-scale Число с точкой (от 0.1 до 10). Значение 1.0 — не масштабировать user-scalable no или yes minimum-scale Число с точкой (от 0.1 до 10). 1.0 — не масштабировать maximum-scale Число с точкой (от 0.1 до 10). 1.0 — не масштабировать Responsive web design / “meta Viewport”
масштабирования. <meta name="viewport" content="target-densitydpi=high-dpi" /> Пример 2. На устройствах с MDPI (160dpi) не будет масштабирования. Такое значение dpi установлено по-умолчанию. <meta name="viewport" content="target-densitydpi=medium-dpi" /> Настройка “meta Viewport” Android и target-densitydpi Responsive web design / “meta Viewport”
- идеально!” Некоторые хитрости Зная, что у iPhone 5 очень специфическое соотношение сторон (а именно 40/71 ) мы можем писать стили исключительно для данного устройства, используя свойство device-aspect-ratio: @media screen and (device-aspect-ratio: 40/71) { /* styles for iPhone 5 */ }