query name initial for definicion content bootstrap ios css iphone responsive-design viewport

ios - name - meta viewport user-scalable



¿Cuáles son los tamaños de visor CSS de ancho de dispositivo del iPhone6 y iPhone 6 Plus? (4)

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

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

NB: No especule ni publique respuestas con la resolución general del dispositivo conocida o las especificaciones, no es lo que estoy buscando. Quiero el ancho de la ventana de visualización de respuesta y horizontal de respuesta predeterminada en píxeles.


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

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

Actualización 2 : para usuarios con Zoom de pantalla habilitado en iPhone 6, css viewport en Mobile Safari de respaldo a 320px (como iPhone 5); para iPhone 6 Plus, retrocede a 375px (como iPhone 6).


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

References


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