2012-09-17 10 views
7

¿Cuál es el tamaño del área visible en Mobile Safari en el iPhone 5 en configuración predeterminada, en horizontal y en orientación vertical?Mobile Safari en iPhone 5: ¿Tamaño de área visible?

+0

¡Enciende tu simulador de iPhone y capturas de pantalla! – Cyrille

+2

Puedo hacer eso, si el simulador se ejecutara en mi ThinkPad ... – feklee

+0

Verifique mi respuesta a una pregunta similar, podría ayudar un poco - http://stackoverflow.com/questions/8205812/jquery-js-ios-4- y-document-height-problems –

Respuesta

7

iOS6

Según el artículo de Kyle Larson iPhone 5 Web Design, las resoluciones son:

  • Retrato: 640 × 888 píxeles (= 320 × 444 doble px)

  • Paisaje: 1136 × 392 px (= 568 × 196 doble px)

Eso es con la barra de navegación, es decir en la configuración predeterminada, como escribí en mi pregunta.

iOS7

Según @astletron, las resoluciones son:

  • Retrato: 640 × 920 px

  • paisaje: 1136 × 424 px

+2

Cabe destacar que esas cifras son para iOS 6. Las cifras para iOS 7 son 640 x 920 y 1136 x 424 píxeles de hardware. – astletron

+0

¿Por qué esas resoluciones iOS7?Tengo el iPhone 5 con iOS 10 y las resoluciones son las mismas que para iOS6 – NineCattoRules

1

de claro:

  • Altura - 892 (716 + 176 (la diferencia entre los nuevos y viejos dispositivos))
  • Ancho - 640

paisaje:

  • Altura - 420
  • Ancho - 1136
+0

El paisaje no puede tener una altura de 640 px: es necesario que haya espacio para los elementos de la IU en la parte superior e inferior. Además, sería genial si pudieras dar un enlace a la fuente de esos números. – feklee

+0

Oh, lo siento, una vez creé una red móvil que solo tenía una imagen y el diseñador de UI me dio estos números. Actualicé los números del paisaje. No estoy seguro de si hay una forma programática de recuperar el tamaño de ventana de safari. – Ravi

+0

Quizás esto te ayude: https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html – Ravi

Cuestiones relacionadas