Quali sono le dimensioni della viewport css della larghezza del dispositivo di iPhone6 ​​e iPhone 6 Plus

Question

L'iPhone 6 e l'iPhone 6 Plus sono stati appena annunciati. Ma come al solito, le specifiche del telefono non danno mai la metratura viewport device-width dimensioni in CSS Pixel o DPR allo width=device-width,initial-scale=1.

Predictions sono stati fatti, speculando sulla 375/414px di larghezza finestra, ma che rimane ancora poco chiaro ...

NB: Si prega di non speculare o risposte post con il dispositivo di risoluzione complessiva noto o specifiche, non è quello che sto cercando. Voglio il ritratto responsive di default e la larghezza della vista panoramica in pixel.

Answer 1

(css) device-width di iPhone 6 è 375px, di iPhone 6 Plus è 414px. Si noti che la relazione iPhone 6 Plus window.devicePixelRatio = 3 (mentre non è veramente a 3 DPR)

Update 1: Giusto per chiarire, credo che questo non è una previsione, ma in realtà testato. Vedi more detailed and reputable reference. In caso di dubbio, puoi aspettare che il dispositivo sia spento.

Update 2: per gli utenti con Display Zoom abilitati su iPhone 6, css viewport in Mobile Safari fallback per 320px (come iPhone 5); per iPhone 6 Plus, fallback su 375px (come iPhone 6).

Answer 2

Secondo CSSpixels

iPhone 6: 1334x750, 667x375 viewport

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

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

Answer 3

seguito riportate le misure dispositivo IOS con informazioni dettagliate

References

Answer 4

dispositivo larghezza è infatti 375x667, ma questo non significa che la finestra è che le dimensioni. Ecco un campione empirico. Si noti che i numeri sono arrotondati ai 10 secondi.