强制img身高100％的父高

Question

将此图像放在必须强制具有与截面高度完全相同的高度的部分内。我解决了这个问题，但它似乎无法调整大小。

我有代码

HTML

  <section id="header-bg">
    <img src="images/background.png">
  </section>

CSS

$header-bg-top: 80px;
$header-bg-height: 620px;
#header-bg {
  position: relative;
  top: $header-bg-top;
  max-height: $header-bg-height;
  overflow: hidden;
  border-bottom: 1px solid red;
    img {
      background: url(../images/background.png);
      width: 100%;
      height: 100%;
      object-fit: cover;
      overflow: hidden;
    }
  }

全屏结果：

调整屏幕大小的结果：

我已经在互联网上找到了很多东西，但这对我没用。

CSS - Expand float child DIV height to parent's height

How to Force Child Div to 100% of Parent's Div Without Specifying Parent's Height?

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks