Html 根据窗口高度-引导调整高度

我有一个密码：

  <div class="container">
   <div class="row">
    <div class="col-md-12">
     <div style="height: 80%;">
      <img src="..." alt"...">
     </div>
    </div>
   </div>
  </div>

我想根据窗口高度设置图像高度。我已经将html和身高设置为100%，效果很好。但是，据我所知，为了正确地将图像高度设置为80%，我需要将容器、行和col-md-12高度也设置为100%。在这里，我面临一个问题——由于某种原因，它们的高度仍然是自动的

---

是否有其他方法将图像高度设置为窗口的80%？

大多数高度定义仅适用于位置：绝对；通常会忽略参照父高度的其他图元的定义