gpt4 book ai didi

html - 垂直居中后滚动不正确

转载 作者:行者123 更新时间:2023-11-28 13:28:54 26 4
gpt4 key购买 nike

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

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

最佳答案

我认为您正试图用一段代码处理两种情况,但这是行不通的。您将需要使用某种条件代码来处理这两种情况。

你的两个案例是:

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

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

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

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

关于html - 垂直居中后滚动不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13801224/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com