这个问题最初是在Wordpress Development上提出的，但由于它涉及更通用的CSS问题，我被要求在此处发布。该主题和初步解释can be seen here。
我将background-size: cover图片设置为用于填充屏幕的单个帖子的标题，内容从下方开始。出于某种原因，它不再这样做了。背景图像本身是缩放以适合屏幕，但它下面的内容（帖子的文本）在重叠文本之后立即开始。
你可以看到我的意思in this fiddle。
如果我将#hero-header设置为position:absolute; min-height: 100%; min-width:100%;，则在您加载页面时图像会填满整个屏幕。那么问题是它下面的内容在顶部运行，而不是从屏幕外开始。
有人可以建议解决方案吗？
通过以下回复澄清“填充屏幕”的含义：
包含背景图像的div应在加载时填满整个屏幕。目前，背景图片正在缩放以适应屏幕，但#hero-header并未将其下方的内容强制移出页面 - 而是位于文本元素.hero-text之后，而是在其中。
答案 0 :(得分：0)
这解决了问题：
背景图片移至html，#hero-header设为height: 100vh。