Html 固定div高度：在移动设备上滚动时100%'；t填充筛

我有一个响应的

nav

元素。

导航

为

位置：固定

。单击时，它具有

top:0-bottom:0

（我还尝试了height:100%）

left:0和right:0

。因此，导航元素覆盖整个屏幕

但是，在移动设备上，如果向下滚动，浏览器地址栏（iPhone上的Safari和Chrome）会变短或消失，从而使视口变高。然而，导航元素的高度保持不变，这意味着它不再覆盖整个屏幕，底部有一条带显示后面的内容

我如何解决这个问题？（我也试过

高度：100vh

）。我不想使用JS或JQ

多谢各位

nav {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:black;
}


<nav>
    <ul>
        <li><a href="about.html">About</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

nav{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
背景色：黑色；
}

---

基本上，元素的高度不会随着视口高度的增加而增加。元素高度保持不变，显示浏览器地址栏消失（在Chrome中）

您的html是否包含视图标记？ 比如：

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

某物

固定位置元素固定到视口。因此，顶部和底部0的固定元素固定到视口的顶部和底部

---

不幸的是，当移动设备上的视口发生变化（地址栏收缩）时，固定位置元素没有响应。

您可以尝试在正文中将overscroll行为设置为none，更多信息可以在这篇有用的文章中找到：

---

请提供您的完整代码。您是否尝试过

min height

也可以给出您的html？min height没有任何变化您是否尝试过在显示菜单时禁用主内容的滚动？（溢出：对html元素隐藏）是。你找到解决办法了吗？我想我也有同样的问题，但到目前为止在网上什么都没有。不，我还没有找到解决办法。我注意到，即使是知名企业也会在其网站上出现这个问题