wake-up-neo.net

Wie groß sind die gerätebreite CSS-Darstellungsgrößen des iPhone6 ​​und iPhone 6 Plus?

Das iPhone 6 und das iPhone 6 Plus wurden gerade angekündigt. Wie üblich geben Telefonspezifikationen jedoch die Größe des Meta-Ansichtsbereichs device-width in CSS Pixels oder DPR unter width=device-width,initial-scale=1 nicht an.

Vorhersagen wurden gemacht, spekulativ auf 375/414px-Ansichtsfensterbreite, aber das bleibt immer noch unklar ...

NB: Bitte spekulieren Sie nicht oder posten Sie keine Antworten mit der Gesamtgeräteauflösung oder den Spezifikationen von known. Dies ist nicht das, wonach ich suche. Ich möchte die standardmäßige responsive Breite des Ansichts- und Querformat-Ansichtsfensters in Pixel.

27
hexalys

(css) Gerätebreite von iPhone 6 beträgt 375px, von iPhone 6 Plus 414px. Beachten Sie, dass das iPhone 6 Plus window.devicePixelRatio = 3 (obwohl nicht wirklich bei 3 DPR)

Update 1: Zur Verdeutlichung glaube ich, dass dies KEINE Vorhersage ist, sondern tatsächlich getestet wurde. Siehe detailliertere und seriösere Referenz . Im Zweifelsfall können Sie warten, bis das Gerät ausgefallen ist.

Update 2: für Benutzer mit Display Zoom auf dem iPhone 6 aktiviert, CSS-Ansichtsfenster in Mobile Safari Fallback auf 320px (wie iPhone 5); Für das iPhone 6 Plus fällt es auf 375px (wie iPhone 6).

37
bitinn

Unten finden Sie die ios-Gerätegrößen mit detaillierten Informationen

enter image description here

Verweise

45
swiftBoy

Nach CSSpixels

iPhone 6: 1334x750, Darstellungsbereich 667x375

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

* Die virtuelle Auflösung ist für 1920 × 1080 Bildschirme unterabgetastet .

6
megatoad2

Gerätebreite ist zwar 375x667, aber das bedeutet nicht, dass der Darstellungsbereich diese Größe hat. Hier ist eine empirische Probe. Beachten Sie, dass die Zahlen auf die 10er gerundet werden.  Device-width vs. reported Viewport with sample data

0
jeffmcneill