Css 我怎样才能在手机上设置为高度：100vh和/或可滚动

我正在做一个小型的工作。我想让它对更小的设备做出响应。问题是，在手机上，侧边栏无法滚动查看底部的最后一项，我不知道如何使它在手机屏幕上看起来很好

解决方案如下：

@media (max-width: 500px) {
  #sidebar {
    height: 100vh;
  }
}

---

但这不起作用，我不知道为什么。有什么想法吗？

你可以在你的“导航”标签里试试这个

---

这是因为你在使用像素。对于响应性强的站点来说，最好使用百分比。另外，尝试搜索“溢出”属性，导航栏的元素有高度、填充、边框和边距。。在px或em中。
它们加起来会溢出您的

高度：100vh

最简单的解决方案是Bob Farias建议添加

overflow-y:auto

或

overflow-y:scroll

#sidebar {
    height: 100vh;
  }

有更费力的方法来避免滚动和溢出，例如将元素“高度”设置为100vh的分数，或者重新设计导航栏

#sidebar {
    height: 100vh;
  }