Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/07/2015, 12:10
migue_coco
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Error vision vertical responsive design

Buenas.
He estado modificando la web para hacerla adaptativa y me encuentro con el siguiente error.

Al acceder desde un movil en vertical, una parte de la web se queda cortada por la mitad y otra parte no ocupa el 100% de la pantalla.
Al girarlo horizontalmente se ve correctamente.

Bien, si en el CSS cambio el ancho de los div que se quedan cortados por la mitad de 100% a 175% se ve correctamente tanto horizontal como vertical. Pero esto hace que Google diga que la web no es adaptativa.

O por el contrario, cambio el valor initial-scale de 1 a 0.5 lo que hace que en vertical se vea bien pero en horizontal se vea mal y lo mismo con Google.


He comprobado los anchos de todos los div implicados, he buscado y rebuscado y no doy con el problema.
Horizontalmente funciona, verticalmente no.

Los simuladores online cargan la web correctamente con el div a 100% y initial-scale=1
Pero he probado en un iphone y un samsung y se ve mal.

¿Alguna idea?
Gracias!