Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/12/2018, 14:52
quad22
 
Fecha de Ingreso: noviembre-2009
Mensajes: 268
Antigüedad: 9 años, 5 meses
Puntos: 2
Responsive que no funciona

He creado una página web cuya hoja de estilo contiene:

body { width: 100%; height: 100vh;}
.div de arriba { width: 100%; height: 40vh;}
.div central{ width: 100%; height: 30vh;}
.div de abajo { width: 100%; height: 30vh;}

Con sus correspondientes configuraciones responsive. Abro la página en un smartphone y veo como el navegador pierde un 20% de la página en la parte de abajo (la deja en blanco) y pierde otro 20% a la derecha del mismo (también la deja en blanco), por lo que la página se ve sólo en un 80% del navegador con medio marco blanco abajo y a la derecha.

¿Porqué sucede esto?