Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/09/2014, 15:44
Avatar de Luisa29
Luisa29
 
Fecha de Ingreso: enero-2013
Mensajes: 193
Antigüedad: 10 años
Puntos: 4
Pregunta Web aparece de forma extraña en móviles

Hola a todos, resulta que mi página web tiene un ancho de 850 px y cuando se muestra en dispositivos móviles aparece con franjas negras a los lados.
Pues bien, he intentado usar esta meta tag para que ocupe la pantalla completa en los dispositivos:

Código:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
El problema es que nada más abrir la web en el dispositivo móvil se muestra ampliada por defecto y sólo se ve una esquina. Pero al hacer el gesto típico de pellizco la web se coloca en su sitio, sin franjas negras a los lados, es decir, perfecta.

¿Por qué no se muestra así desde el principio? ¿por qué al abrir la web sólo se muestra esa porción de la esquina ampliada?

A ver si es cosa de esa meta que he de añadir algo más, ¿alguien me echa una mano?


EDITO:

Aquí un chico con el mismo problema en Stackoverflow (no solucionado):

http://stackoverflow.com/questions/2...to-have-effect





Aquí su web, sigue sin solucionarlo, lo he mirado en mi móvil y su web tiene el mismo problema que la mía:

http://litvin.co.nf/viewport_index.html

No logro encontrar la solución, ese chico tampoco. ¿Podéis echarme una mano?

Última edición por Luisa29; 05/09/2014 a las 16:01