Html 强制img高度为母体高度的100%

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

我有密码

HTML

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

全屏显示结果：

调整屏幕大小后的结果：

我已经在互联网上找到了很多，但这对我来说并不适用

---

请将代码添加到Fiddle中，给家长一个高度，而不仅仅是最大高度。为什么要在img元素上使用背景图像？将背景设置为parent@LaxmikantDange抱歉，不清楚，更新了发布后的html以尝试此#标题bg img{高度：100%；宽度：自动；}

$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;
    }
  }