Tengo el siguiente código en la <head>
de mi web app, pero me estoy haciendo una pantalla en blanco en mi iPhone 3GS, mientras que el DOM carga en lugar de la pantalla de presentación.
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!--STYLES-->
<!--SCRIPTS-->
<!-- iPhone LAUNCHSCREEN-->
<link href="includes/images/apple-launch-480h.png" sizes="320x480" media="(device-height: 480px)" rel="apple-touch-startup-image">
<!-- iPhone (Retina) LAUNCHSCREEN-->
<link href="includes/images/apple-launch-480h2X.png" sizes="640x920" media="(device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone 5+ LAUNCHSCREEN-->
<link href="includes/images/apple-launch-568h.png" sizes="640x1136" media="(device-height: 568px)" rel="apple-touch-startup-image">
¿Cómo puedo obtener mi pantalla de presentación para mostrar correctamente en todas las versiones del iPhone? El código no se muestra, pero en mi web, los iconos de las aplicaciones son de trabajo cuando se añade a la página de inicio. Estoy usando jQuery Mobile para crear esta aplicación web.
Yo también me han confirmado que las imágenes PNG son exactamente los tamaños correctos y he eliminado el icono de la aplicación web, actualizar y volver a agregar a la pantalla varias veces. Ninguna de las soluciones que he encontrado en StackOverflow han trabajado para mí. No he probado el JavaScript soluciones, porque estoy seguro de que no es un puro CSS solución.
La
sizes
atributo funciona paraapple-touch-icon
s pero no funciona paraapple-touch-startup-image
s. La única manera de orientar el inicio de las imágenes es con preguntas de los medios. Adán respuesta es buena, pero se basa en la<link>
s de estar en un orden en particular desde las consultas de medios de comunicación están bajo especificado. Aquí se completa preguntas de los medios:También tenga en cuenta que ciertos vistas hará que su aplicación web para ser proporcionado en el iPhone 5:
Mantener una Esencia con un mínimo de iOS de la aplicación web de, incluyendo el inicio de las imágenes y los iconos. Si quieres algo más comentario, yo también escribió un blog post sobre el iPhone 5 imágenes de inicio.
Aquí son las dimensiones a utilizar:
640 x 1096
para el iPhone de Altura, pero en Apple iOS Human Interface Guidelines dicen que debe ser640 x 1136
. Que es derecho?640 x 1136
es una aplicación de la imagen de inicio.640 x 1096
es correcta.