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

【问题标题】：How to make hero area fill the entire browser window如何让英雄区域填满整个浏览器窗口
【发布时间】：2014-12-26 04:37:32
【问题描述】：

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

https://www.udemy.com/

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

如果您能告诉我如何从标记到 jQuery，我将不胜感激。

【问题讨论】：

如果您能提供一些代码，我将不胜感激，您尝试了什么？还是你希望我为你做这件事..
英雄区是什么意思？

标签： javascript jquery css

【解决方案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找到。

【讨论】：