Javascript 如何使hero区域填充整个浏览器窗口

Javascript 如何使hero区域填充整个浏览器窗口,javascript,jquery,css,Javascript,Jquery,Css,我只是想知道如何达到这个效果: 即使调整了浏览器窗口的大小,网站的“英雄”区域也会占据整个浏览器的宽度 如果您能让我看看如何从标记到jQuery,我将不胜感激。您所说的我从您的链接背景尺寸假设:封面 无需jQuery,只需CSS和HTML,即可通过以下方式实现: html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-back

我只是想知道如何达到这个效果:

即使调整了浏览器窗口的大小,网站的“英雄”区域也会占据整个浏览器的宽度


如果您能让我看看如何从标记到jQuery,我将不胜感激。

您所说的我从您的链接背景尺寸假设:封面

无需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;
}

可以找到完整的教程。

如果您能为我提供一些代码,我将不胜感激,您尝试了什么?或者你希望我为你做这件事……你说的英雄区是什么意思?