0

所以我有一个问题,在设置位置后:absolute; top: 50%; margin-top: -310px我的主要内容。问题是当我最小化浏览器窗口并出现垂直滚动时,布局的顶部被隐藏了。

这就是我的意思:http: //jsfiddle.net/95Uzt/15/。您可以看到菜单和联系表格,但表格上方的标题不被浏览器可见/覆盖。怎么了?

4

1 回答 1

0

我认为您正在尝试用一段代码处理两种情况,但这不起作用。您将需要使用某种条件代码来处理这两种情况。

你的两种情况是:

  • 对于超过 620 像素的视口,您需要将内容居中
  • 对于小于 620 像素的视口,您需要内容顶部对齐。

对于支持它的更现代的浏览器,您可以考虑使用 CSS:

@media screen and (max-height: 620px) {  
  .content
  {
    top: 0px;
    margin-top: 0px;
  }
}

如果您需要更广泛的浏览器支持,我认为您需要使用 javascript。

于 2012-12-10T13:26:29.643 回答