这个问题似乎已经被问了一千遍了,我已经通读了其中的大部分,但仍然没有运气。
这是我正在尝试处理的网站 http://exilion.eu
我希望顶部的照片和菜单栏可以缩放到浏览器。 我以为我设法解决了这个问题,但由于某些奇怪的原因,下一个元素突然出现在中间,如您所见。
我正在设计一个 wordpress 主题,所以这就是为什么我不能 100% 确定我在做什么...
元素包含在 '#masthead'
它的最小高度为 100%。 和它的所有 parent 一样。
感谢您的帮助!
最佳答案
你可以试试:
#masthead {
min-height: 100vh;
}
编辑:我认为您可能需要从 body, html 中删除 overflow:hidden 以显示滚动条。
关于CSS 100% 高度未按预期缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39435203/