css - 如何实现视口(viewport)大小的背景图像

Question

许多网站都使用它，但是 https://modsquad.com/是我发现的第一个例子。当您访问该网站时，他们的背景图像(在本例中为视频)是您正在查看的任何屏幕的全宽和全长，正下方是单独的内容，但您只能在向下滚动之前看到视频。你如何做到这一点？在寻找这个问题的答案时，我只看到将整个 html 背景设置为特定图像的示例，这不是我要找的。在此先感谢您的帮助。

Answer 1

访问此处:https://modsquad.com/ ，然后打开控制台，你可以看到他们做了什么。

当调整浏览器大小时，视频(或图像)会改变其高度。

你可以通过 javascript 来完成，阅读这个问题:JavaScript - Get Browser Height