it-roy-ru.com

Каковы размеры окна просмотра ширины устройства iPhone6 ​​и iPhone 6 Plus

IPhone 6 и iPhone 6 Plus были только что анонсированы. Но, как обычно, спецификации телефона никогда не предоставляют размеры метапортпорта device-width в пикселях CSS или DPR в width=device-width,initial-scale=1.

Предсказания были сделаны, спекулируя на ширине области просмотра 375/414px, но это все еще остается неясным ...

NB. Пожалуйста, не спекулируйте и не публикуйте ответы с общим разрешением или спецификацией устройства known, это не то, что я ищу. Я хочу по умолчанию адаптивный портрет и альбомную ширину области просмотра в пикселях.

27
hexalys

(css) ширина устройства iPhone 6 составляет 375 пикселей, iPhone 6 Plus составляет 414 пикселей. Обратите внимание, что отчет iPhone 6 Plus window.devicePixelRatio = 3 (хотя на самом деле это не 3 DPR)

Update 1: просто чтобы прояснить, я считаю, что это НЕ предсказание, но на самом деле проверено. Смотрите более подробную и авторитетную ссылку . Если вы сомневаетесь, вы можете подождать, пока устройство выйдет из строя.

Обновление 2: для пользователей с Показать масштабирование включено на iPhone 6, окно просмотра css в откатном режиме Mobile Safari до 320px (например, iPhone 5); для iPhone 6 Plus он отступает до 375px (например, iPhone 6).

37
bitinn

Ниже приведены размеры устройства ios с подробной информацией.

enter image description here

Рекомендации

45
swiftBoy

Согласно CSSpixels

iPhone 6: 1334x750, окно просмотра 667x375

iPhone 6+: 2208x1242 *, окно просмотра 736x414 *

* Виртуальное разрешение подбирается под экран 1920 × 1080 .

6
megatoad2

Ширина устройства действительно 375x667, но это не означает, что размер окна просмотра такой. Вот эмпирический образец. Обратите внимание, что числа округляются до 10 с.  Device-width vs. reported Viewport with sample data

0
jeffmcneill