如何实现视口大小的背景图像答案

【问题标题】：How to achieve background image that is the size of the viewport如何实现视口大小的背景图像
【发布时间】：2019-08-10 15:43:57
【问题描述】：

很多网站都使用这个，但https://modsquad.com/ 是我找到的第一个例子。当您访问该站点时，他们的背景图像（在这种情况下为视频）是您正在查看的任何屏幕的完整宽度和长度，其正下方是单独的内容，但您只能在向下滚动之前看到视频。你如何做到这一点？在我寻找这个问题的答案时，我只看到了将整个 html 背景设置为某个图像的示例，这不是我想要的。提前感谢您的帮助。

【问题讨论】：

标签： css background background-image

【解决方案1】：

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

当浏览器调整大小时，视频（或图像）的高度会改变。

你可以通过 javascript 来做，阅读这个问题：JavaScript - Get Browser Height

【讨论】：