这个问题最初是在Wordpress Development上被问到的，但由于它涉及一个更通用的CSS问题，我被要求在这里发布它。这个线索，以及最初的解释，可以在这里看到。
我有一个background-size: cover图像，它被设置为单个帖子的标题，用于填充屏幕，内容从下面开始。出于某种原因，它不再这样做了。背景图像本身是缩放以适应屏幕，但其下方的内容（帖子的文本）在覆盖文本之后立即开始。
你可以明白我在这把小提琴上的意思。
如果我将#hero-header设置为position:absolute; min-height: 100%; min-width:100%;，那么当您加载页面时，图像确实会填充屏幕。问题是，它下面的内容在顶部运行，而不是从屏幕外开始。
有人能提出解决方案吗？
为了澄清我所说的"填充屏幕"的含义，请按照以下回复：
加载时，包含背景图像的div应该会填充整个屏幕。目前，背景图像正在缩放以适应屏幕，但#hero-header并没有迫使其下方的内容离开页面，而是落在其中的文本元素.hero-text之后。
这已经修复了问题：
背景图像被移动到html并且#hero-header被设置为height: 100vh。