Te traemos el hallazgo a esta escollo, o por lo menos eso pensamos. Si continuas con inquietudes dínoslo y sin pensarlo
Solución:
Lo que está buscando es cambiar el tamaño de la barra de URL. Dado que Chrome v56 de Android, David Bokan recomienda usar unidad vh en movil. Hay una demostración en ese artículo, haga clic en el enlace para obtener más información y cómo usarla en dispositivos móviles.
Cuando el usuario se desplaza hacia abajo en la página, aparece un evento window.resize se tira Puede actualizar su página capturando este evento con un detector de eventos.
Más información: evento de cambio de tamaño de incendios de cromo móvil en desplazamiento
Porque 100vh will be larger than the visible height when the URL bar is shown. De acuerdo a esto.
Puede calcular la altura de la barra de URL creando un elemento de ancho 0 con una altura de 100vh.
#control-height
height: 100vh;
width: 0;
position: absolute;
Luego usando javascript comparar window.innerHeight con la altura de este elemento.
const actualHeight = window.innerHeight;
const elementHeight = document.getElementById('control-height').clientHeight;
const barHeight = elementSize - actualSize;
El mejor enfoque para mí fue tener algo así:
$(document).ready(function() 0);
var viewportWidth = Math.max(document.documentElement.clientWidth, window.innerWidth );
Puntuaciones y comentarios
Puedes añadir valor a nuestro contenido informacional participando con tu experiencia en las referencias.