Javascript 如何使一个元素的大小与屏幕相同，但不重新调整大小？

参考：

我想制作一个网页，在该网页中，我想有每个屏幕大小的div/sections

现在，我的意思是，显示器的宽度和高度，它不会再次调整大小，并且将保持显示器的宽度和高度，而不管浏览器大小，也不管其中有多少内容

链接向您展示了我的意思，但我有一个1920x1080浏览器窗口，您可以看到上面和下面部分的顶部和底部。如果显示器非常大，我不希望看到相邻部分的顶部和底部，如果显示器太小，我也不希望该部分不完全可见

例如，假设我在参考中有5个类似的部分，我的浏览器窗口是1920x1080，该文档的总高度是1920*5400

---

（我希望它是屏幕的高度减去导航栏上的高度。）

看起来您正在寻找

要在CSS中为任何元素指定当前视口的高度，应使用：

您的选择器{
高度：100vh；
显示：块；
} 

如果元素是

或

显示
的默认值为
block
的任何其他元素，则显然不需要第二条规则

看到它工作了吗


您的选择器{
高度：100vh；
显示：块；
过渡：背景色。3s线性；
}
/*让我们添加一个悬停，用于测试*/
您的选择器：悬停{
背景色：红色；
}
身体{
保证金：0；
最低高度：200vh；
}
Test
您可以使用视口单位（浏览器窗口大小）。100vh是屏幕的高度。如果您得到的部分大于小屏幕的高度，您可以使用min height属性并将其设置为100vh

由于您没有放置代码，这通常是用例的示例：

section { min-height: 100vh;}

请在此处阅读更多信息：

祝你好运
 你比我快28秒（：@A.Meshu.你可能比我更需要销售代表。我花时间让答案对OP和可能需要它的未来用户有用，我发现这比速度更重要。事实上，我很少立即回答问题，我倾向于专注于那些在1-2小时内得不到正确答案的问题，而且，依我看，应该得到一个。是的，这当然有帮助s针对其他有问题的人。也很好！只是Andrei的回答对其他有问题的人更详细。但是+1请注意，你应该避免使用外部链接，因为它们可能会改变，使你的问题不再相关。你应该在问题中提供一个最小的例子，至少可以说明一般问题你有。记住这一点，为了将来的问题。我想了一下，但我认为我的问题足够详细。因为我还没有做，我不能展示我的工作，但我提供了一种参考。