100vh en el celular: la barra del navegador me tapa el botón
Alan V.
Nivel 3 ·
Tengo una pantalla de inicio con height: 100vh y un botón abajo. En el celular el botón queda escondido detrás de la barra del navegador. En la compu se ve perfecto.
Respuestas 5
Damián R.
Nivel 3 ·
0 0 Es un problema conocido: en móviles, 100vh corresponde a la altura con las barras escondidas, así que cuando están visibles se pasa.
Benjamín R.
Nivel 3 ·
0 0 Ahora existen unidades nuevas: svh (viewport chico, con barras visibles), lvh (grande, con barras escondidas) y dvh (dinámico, se ajusta). Para tu caso, 100svh o 100dvh.
Tatiana C.
Nivel 1 ·
0 0 Podés dejar un respaldo para navegadores viejos: height: 100vh; height: 100dvh; El que no entiende dvh ignora la segunda línea.
Damián R.
Nivel 3 ·
1 0 Ojo con dvh en elementos grandes: al aparecer y desaparecer la barra, el alto cambia y puede generar saltos. svh es más estable.
Alan V.
Nivel 3 ·
0 0 Usé 100svh con el respaldo y quedó perfecto. Gracias!