Pregunta

¿Cómo hago para que una imagen o sección de la página se muestre en pantalla completa en el iPhone?

Tengo una imagen de 480 x 320 y quiero mostrarla en pantalla completa en el iPhone, pero tiene que estar dentro de una página web para poder convertir la imagen en un enlace a la página anterior.

Actualmente, si dejo la imagen en una página en blanco y la abro en el iPhone, simplemente aparece en la esquina superior izquierda.

¿Fue útil?

Solución

Yo diría que configure la metaetiqueta de la ventana gráfica en su página en blanco para que Safari sepa cómo representar la página en el tamaño correcto.Para obtener más información, consulte este enlace:

Documentación de Apple iPhone Safari

Otros consejos

Con suerte, no estoy infringiendo el acuerdo de confidencialidad, pero aquí va.

Mobile Safari, de forma predeterminada, muestra una página como si hubiera sido vista por un navegador de escritorio, con un ancho predeterminado de 980 píxeles.

Para cambiar este comportamiento, debe declarar explícitamente la ventana gráfica, lo cual se hace mediante metaetiquetas.Si declaras el ancho a la constante ancho del dispositivo, el valor predeterminado será 320 en lugar de 980 y todo se verá genial.

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

Buenos enlaces que pueden ayudarte más:

Cómo optimizar su sitio web para dispositivos móviles:http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top