根据窗口高度调整<img/>高度 - Bootstrap

Question

我有一个代码：

  <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％。在这里，我遇到了一个问题 - 由于某种原因，他们的身高仍然是auto。

还有其他方法可以将图像高度设置为窗口的80％吗？

Answer 1

大多数高度定义仅适用于position: absolute;通常会忽略引用父高度的其他元素的定义。