Css 缩放元素以适应浏览器窗口

有问题的页面是：（密码：tyma）-这是我制作的一张新专辑的预发行页面，对不起

我希望视频和文本导航低于比例，居中于浏览器窗口，而不需要滚动条。我尝试过使用

minheight

/

max height

的各种方法，但似乎都没有达到预期的效果。我猜我不知道要针对哪些元素以及如何针对它们

如果您能提供任何关于可靠方法的建议，我们将不胜感激。另外，因为我使用的是Virb，所以我只能覆盖CSS，所以我不能删除行

---

非常感谢。

由于您的网站受密码保护，因此我建议您使用以下方法：

您在元素周围设置了一个包装器，在您的示例中是nav和视频。然后将视频和导航的CSS设置为自动边距。它应该水平和真实地居中。您可能希望为这两个组件添加一个包装器，使它们能够很好地堆叠在一起，然后在包装器上添加一个自动边距，但是下面的内容应该已经可以使用了

Html:

---

密码是“tyma”。你能看一下吗？因为我使用的是virb，所以所有的HTML和CSS都是预先编码的，我只能修改现有的代码。非常感谢你的时间！谢谢。如果可以的话，我可以晚一点看一下。哦，当然可以，只要你方便的话。我真的非常感谢你的时间！对不起，还没有，我真的很忙，我今天会做的，不用担心！谢谢你！

       <div id="container">
         <div id="nav"><!-- nav here --></div>
         <div id="video"><!--video here--></div>
        </div>

#container {
  width:100%;
  height:100%;
}

#video{
  margin:auto;
}

#nav {
  margin:auto;
}