Foros del Web » Creando para Internet » CSS »

Error vision vertical responsive design

Estas en el tema de Error vision vertical responsive design en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/07/2015, 12:10
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años, 6 meses
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!

Etiquetas: design, responsive, todo, vertical, vision
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:43.