Pregunta ¿Cuáles son los tamaños de vista css de ancho de dispositivo del iPhone6 ​​y iPhone 6 Plus?


El iPhone 6 y iPhone 6 Plus se acaban de anunciar. Pero como de costumbre, las especificaciones del teléfono nunca dan la meta-ventana device-width tamaños en píxeles CSS o DPR en width=device-width,initial-scale=1.

Predicciones se han hecho, especulando sobre el ancho de la ventana gráfica de 375 / 414px, pero eso aún no está claro ...

NB: no especule ni publique respuestas con el conocido resolución o especificaciones generales del dispositivo, no es lo que estoy buscando. Quiero el ancho de vista de paisaje y el retrato responsivo por defecto en píxeles.


25
2017-09-09 23:01


origen


Respuestas:


(css) ancho del dispositivo de iPhone 6 es 375pxde iPhone 6 Plus es 414px. Tenga en cuenta que el informe de iPhone 6 Plus window.devicePixelRatio = 3 (aunque no es realmente en 3 DPR)

Actualización 1: solo para aclarar, creo que esto NO es una predicción, pero en realidad probado. Ver una referencia más detallada y de buena reputación. En caso de duda, puede esperar que el dispositivo salga.

Actualización 2: para usuarios con Mostrar Zoom habilitado en iPhone 6, css viewport en Mobile Safari 320px (como iPhone 5); para iPhone 6 Plus, es una alternativa 375px (como iPhone 6).


35
2017-09-10 04:28



A continuación se muestra el tamaño del dispositivo ios con información detallada

enter image description here

Referencias


44
2018-02-12 10:18



De acuerdo a CSSpixels 

iPhone 6: 1334x750, ventana gráfica 667x375

iPhone 6+: 2208x1242 *, ventana gráfica 736x414 *

*La resolución virtual se submuestrea para adaptarse a la pantalla de 1920 × 1080.


6
2017-10-07 21:14



El ancho del dispositivo es de hecho 375x667, pero eso no significa que la ventana gráfica sea de ese tamaño. Aquí hay una muestra empírica. Tenga en cuenta que los números se redondean a los 10s. Device-width vs. reported Viewport with sample data


0
2017-08-07 07:59