Quelles sont les tailles de fenêtres css de largeur de périphérique pour iPhone6 et iPhone 6 Plus?
L'iPhone 6 et l'iPhone 6 Plus viennent d'être annoncés. Mais comme d'habitude, les spécifications du téléphone n'indiquent jamais les tailles de méta viewport device-width dans CSS Pixels ou DPR à width=device-width,initial-scale=1.
Des prédictions ont été faites, spéculant sur la largeur de la fenêtre d'affichage 375/414px, mais cela reste encore incertain ...
NB: Merci de ne pas spéculer ni poster de réponses avec les connues résolutions globales ou spécifications de l'appareil, ce n'est pas ce que je recherche. Je veux le portrait par défaut réactif et la largeur de la fenêtre de visualisation paysage en pixels.
(css) la largeur du périphérique de iPhone 6 est de 375px, de iPhone 6 Plus est de 414px. Notez que l'iPhone 6 Plus indique window.devicePixelRatio = 3 (même s'il n'est pas vraiment à 3 DPR).
Mise à jour 1: juste pour clarifier, je crois que ce n'est pas une prédiction, mais effectivement testé. Voir référence plus détaillée et digne de confiance . En cas de doute, vous pouvez attendre la sortie de l'appareil.
Update 2: pour les utilisateurs avec Zoom d'affichage activé sur iPhone 6, fenêtre d'affichage CSS dans Mobile Safari repliée sur 320px (comme iPhone 5); pour l'iPhone 6 plus, il est remplacé par 375px (comme l'iPhone 6).
Selon CSSpixels
iPhone 6: 1334x750, fenêtre d'affichage 667x375
iPhone 6+: 2208x1242 *, fenêtre d'affichage 736x414 *
* La résolution virtuelle est sous-échantillonnée pour s'adapter à l'écran 1920 × 1080 .
Device-width est bien 375x667, mais cela ne signifie pas que la fenêtre d'affichage est de cette taille. Voici un échantillon empirique. Notez que les nombres sont arrondis aux 10. 