当地址栏在移动 Chrome 上隐藏时 DIVS 调整大小

Question

我正在设计一个网站，我使用了所有相同类的部分 所有高度：100vh，在浏览器上运行良好，但在手机上出现问题；

现在每次我向下滚动 div 时都会放大以填充地址栏的空间...我已经尝试了一切... 请有人可以帮我解决这个问题...谢谢

www.nachopalaciosdg.com.ar/ejemlo/index.html

Answer 1

我假设当栏隐藏时视口高度会发生变化。可以设置一个max-height值还是用JS来定义文档准备好的高度？

类似：

document.getElementById("myID").style.height = window.innerHeight + "px";

或者使用 jQuery，您可以轻松地定位具有相同类的所有元素：

$(document).ready(function() { 
     $(".myClass").height(window.innerHeight);
}

我认为，只要您想为网站上的每个元素使用完整的视口高度，就无法避免 CSS 的问题。