几周以来，我正在建立一个新网站。这个网站开始看起来不错，但有一个问题。
当我在比实际网页小的浏览器窗口中查看我的网站时，页面顶部的菜单栏会被切断。我无法上下滚动页面，但顶部无法翻页。
这个问题可能与我用于垂直居中的“中心”代码有关。有没有一种解决方案可以让我的网页居中，但在使用小窗口后仍然可以到达洞页？
我已经准备好通过使用“视口”元标记来解决 Chrome 移动设备中的问题。遗憾的是，IE、safari、Chrome 等桌面浏览器在窗口较小时仍然拒绝显示我网页的顶部栏。
这是我网站的链接： test.themissingsticks.com
尝试在全屏窗口（分辨率高于 800px 高度）中查看，并在低于 600px 高度的窗口中查看。您会注意到我网站顶部的灰色菜单栏不会显示，即使您尝试向上滚动也是如此。
该网站以以下css行为中心：
top: 50%;
margin-top: -340px;
left: 50%;
margin-left: -513px;
页面宽度为 1026 像素，高度为 680 像素。
请帮忙。提前致谢！