当我使用 JS Bin 处的代码将 div 的高度设置为窗口高度时，我遇到了 jQuery 问题。 ，它有效，但是当我通过手动减小浏览器的大小来减小窗口高度时，它被切断，div 的额外部分超出屏幕。
我在 JS Bin 上设置了它
如果调整浏览器窗口的大小，您会注意到列表编号 3(依此类推)将超出屏幕范围。我无法理解为什么会发生这种情况，我已经尝试更改 jQuery 版本，我已经 double 三重检查了代码，我找不到任何问题。我也重写了，还是不行。我在另一个论坛上搜索，他们告诉我添加一个 jQuery resize 函数，这向我证明他们甚至没有看我的代码，因为我已经有了那个函数，但是好像没有 setHeight 函数在窗口调整大小时执行。请指教。
最佳答案
实际上你不需要任何脚本来实现你想要的。仅继承 css 解决方案 - https://jsbin.com/xopamakiru/1/edit?html,css,js,output
您的导航栏是position: fixed，它相对于body 定位，因此您只需添加height: 100% 即可视口(viewport)的整个高度。您需要为子元素添加相同的高度，以便它们成为导航栏的 100% 高度。您有 3 个 li 元素 (100%/3 = ~33.33%)，因此向其添加 height: 33.33% 使它们的高度相等。因为我们使用百分比，元素的高度会在用户调整窗口大小时自动调整。
关于jQuery 高度函数不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36836349/