如何使英雄区域填满整个浏览器窗口

Question

我只是想知道如何实现这个效果：

https://www.udemy.com/

即使浏览器窗口已调整大小，网站的Hero区域也会占据浏览器的整个宽度。

如果你能让我看看从标记到jQuery如何完成，我将非常感激。

Answer 1

您正在谈论（我假设您的链接）background-size:cover。

你可以使用：

在没有jQuery，只有CSS和HTML的情况下实现这一点

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

可以找到完整的教程here。