Javascript 根据浏览器高度调整背景图像大小

一个人如何完成一个类似这样的英雄单位：

我最好奇的是它是如何产生的。据我所知，很可能是一些JS根据浏览器高度对类应用了最小高度百分比值

编辑：尝试调整浏览器高度，您将看到“最小高度”属性正在更改

任何意见都将不胜感激

只需阅读CSS：

.site-header {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    min-height: 618px;
    position: relative;
}

---

演示：

这只是css内容。以下是特定网站使用的css

.site header{

背景位置：中底；

背景重复：无重复；

背景尺寸：封面；

color:#FFFFFF；

最小高度：618px；

位置：相对；

---

}

我能够用这个Javascript解决我的问题

function resizeHero() {
    var windowHeight = $(window).height(),
    heroUnit = $(".hero-unit");
    heroUnit.css({
        minHeight: windowHeight
    });
}

$(document).ready(function() {
    resizeHero();
    $(window).on("resize", resizeHero);
});

---

我应该说得更具体一些，尝试调整浏览器高度的大小，您将看到“最小高度”属性正在更改。