javascript - 如何使元素与屏幕大小相同但不再重新调整大小？

Question

引用:http://www.templatewire.com/preview/landscaper/

我想制作一个网页，在该网页中，我想要每个屏幕大小的 div/部分。

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

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

例如，假设我有 5 个部分，如引用文献中所示，我的浏览器窗口为 1920x1080，则该文档的总高度为 1920*5400。

(我希望它是屏幕的高度减去导航栏的高度。)

Answer 1

您可以使用视口(viewport)单位(浏览器窗口大小)。 100vh 是屏幕的高度。如果您的部分大于小屏幕的高度，您可以使用 min-height 属性并将其设置为 100vh。

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

section { min-height: 100vh;}

在这里阅读更多: https://developer.mozilla.org/en-US/docs/Web/CSS/length

祝你好运!