Was sind die Device-Breite css Ansichtsfenster Größen des iPhone6 ​​und iPhone 6 Plus

Question

Das iPhone 6 und iPhone 6 Plus wurden gerade angekündigt. Aber wie üblich, Handy-Spezifikationen geben nie die Meta-Viewport device-width Größen in CSS Pixels oder DPR um width=device-width,initial-scale=1.

Predictions vorgenommen wurden, auf 375/414px Darstellungsbreite spekulieren, aber das bleibt noch unklar ...

NB: Bitte spekulieren nicht oder senden Antworten mit der bekannt Gesamtvorrichtung Auflösung oder Spezifikationen, Es ist nicht das, wonach ich suche. Ich möchte die standardmäßige responsive Hoch- und Querformat-Ansichtsbreite in Pixeln.

Answer 1

(CSS) geräte Breite iPhone 6 375px, von iPhone 6 Plus 414px ist. Beachten Sie, dass das iPhone 6 Plus Bericht window.devicePixelRatio = 3 (obwohl sie nicht wirklich auf 3 DPR)

Update 1: nur um zu klären, ich glaube, das ist keine Vorhersage, sondern tatsächlich getestet. Siehe more detailed and reputable reference. Im Zweifelsfall können Sie warten, bis das Gerät aus ist.

Update 2: für Benutzer mit Display Zoom aktiviert auf iPhone 6, CSS Ansichtsfenster in Mobile Safari Rückfall auf 320px (wie iPhone 5); für iPhone 6 Plus, es Fallback zu 375px (wie iPhone 6).

Answer 2

Nach CSSpixels

iPhone 6: 1334x750, Ansichtsfenster 667x375

iPhone 6+: 2208x1242 *, Ansichtsfenster 736x414 *

* Virtual resolution is subsampled to fit 1920×1080 screen.

Answer 3

Im Folgenden finden Sie die ios Gerätegrößen mit detaillierten Informationen

References

Answer 4

Gerätebreite in der Tat 375x667 ist, aber das bedeutet nicht, das Ansichtsfenster, dass Größe ist. Hier ist eine empirische Probe. Beachten Sie, dass die Zahlen auf die 10s gerundet werden.