CSS定位与可滚动的全尺寸图像

我是新来的，希望有人能帮我

我看过这个网站，想知道是否有人能帮我在CSS中做到这一点。 我有一个标题，下面是一个容器，里面有内容。我不明白的是，如何告诉图像即使在调整窗口大小后也始终填充屏幕，以及如何告诉内容在滚动时立即显示

调整窗口的高度和宽度并滚动，以了解我的意思。如果有任何帮助，我将不胜感激

干杯

---

首先，您需要将文档正文的高度和宽度设置为视口html的高度，将两者设置为100%，并删除任何边距，以确保内容填充可见空间

然后，您需要创建第一个区域并为其提供背景图像，并使用背景大小：封面和背景位置：中心；因此，当您调整窗口大小时，它会响应调整大小

任何后续内容部分，也需要指定100%的高度和宽度，以便它们相对于可见区域进行缩放

您可以使用以下方法进行此操作，例如：

HTML

---

可以使用视口宽度和高度始终使图像填充窗口：

#YourImage {
    width:100vw;
    height:100vh;
}

设置视口元标记也是一个好主意：

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />

---

希望这有帮助。

添加背景尺寸：封面；对于你的背景图像，这被称为响应设计。嗨，THX-问题是，位置不是固定的，它只覆盖整个背景，直到你滚动-覆盖：覆盖图像始终覆盖屏幕。它不是背景图像，而是普通图像…好的。。只是一个问题：CSS代码：背景尺寸：封面；背景位置：中心；只在背景图像上工作？这似乎是一个画廊，因此不同的图像服务器页面。。。

#YourImage {
    width:100vw;
    height:100vh;
}

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />

html, body {
    margin:0;
    padding:0;
}