¿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?
Respuesta
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
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
¿Por qué esas resoluciones iOS7?Tengo el iPhone 5 con iOS 10 y las resoluciones son las mismas que para iOS6 – NineCattoRules
de claro:
- Altura - 892 (716 + 176 (la diferencia entre los nuevos y viejos dispositivos))
- Ancho - 640
paisaje:
- Altura - 420
- Ancho - 1136
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
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
Quizás esto te ayude: https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html – Ravi
Si Estás buscando el tamaño general de la vista, iPhone5 portrait width is 320 and landscape width is 568.
- 1. Mobile Safari en iPhone/iPod CSS hack
- 2. Eliminar la sombra interior de textarea en Mobile Safari (iPhone)
- 3. OnSubmit con Mobile Safari
- 4. Mobile Safari Problema SVG
- 5. Safari Mobile pantalla completa
- 6. iPhone 5 Tamaño del teclado
- 7. Editor de texto enriquecido en Mobile Safari
- 8. Mobile Safari botón Atrás
- 9. Cómo acceder a la cámara del iPhone desde Mobile Safari
- 10. iPhone Mobile Safari, ¿Cuántas conexiones http paralelas máximas?
- 11. GWT y video HTML5 en Mobile Safari
- 12. setTimeout no funciona en safari mobile
- 13. Solo dedo Desplazamiento de contenido interno (DIV/iframes) en iPhone Mobile Safari
- 14. ¿Diferencias de Javascript entre Mobile Safari y Safari en Mac?
- 15. zoom automático en el safari de iphone
- 16. Incrustar video HTML5 para Mobile Safari en un iPhone 3GS frente a un iPhone 4
- 17. Implementar UIPickerview en Mobile Safari a través de HTML
- 18. Posición de fondo de CSS no funciona en Mobile Safari (iPhone/iPad)
- 19. Mobile Safari 5mb ¿Límite de caché de la aplicación HTML5?
- 20. Mobile Safari Problemas de representación SVG con raphaeljs
- 21. 100% anchura de emisión Css sólo en Safari Mobile
- 22. onclick blocks copy + paste en Mobile Safari?
- 23. Modificar ubicación div en Zoom Mobile Safari
- 24. Recorte de polígono: solo área "visible"
- 25. Mobile Safari Keyboard Formulario de envío
- 26. Forzar la representación de la página completa en Mobile Safari?
- 27. Mobile Safari realiza solicitudes de video múltiples
- 28. Restricción de iOS 5.1 y Safari Mobile
- 29. detener el cambio de tamaño del área de texto en Safari
- 30. Big iPhone 5 Simulator?
¡Enciende tu simulador de iPhone y capturas de pantalla! – Cyrille
Puedo hacer eso, si el simulador se ejecutara en mi ThinkPad ... – feklee
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 –