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

Posted 2023-03-06

【中文标题】如何让英雄区域填满整个浏览器窗口

【英文标题】：How to make hero area fill the entire browser window

【发布时间】：2014-12-26 04:37:32

【问题描述】：

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

https://www.udemy.com/

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

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

【问题讨论】：

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

英雄区是什么意思？

【参考方案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找到。