04/12/2018, 15:52
|
| | | Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 14 años, 4 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? |