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?
