怎么做一个全高清？ （尝试了所有选项）

Question

我正在建立一个网站。

Website

我可以将面板放到网站的最高位置。 （顶部面板50％和页面底部50％）

我尝试了什么：
- 显示：Flex
- 身高：100％
- 最小高度：100％

我该如何解决这个问题？

Answer 1

容器也必须具有指定的高度才能使高度：100％＆＃34;工作

html, body { height: 100%; }
.menu {
    height: 100%;
    margin: 0 auto;
    padding: 0.5em 0;
}
.menu-row { height: 50%; }

Answer 2

我猜，你不是指网站而是视口（并且“不能”而不是“可以”）。 那么这可能会有所帮助：

body {height: 100vh;}
nav {height: 100%;}