html - 如何在 IE11 中使用响应式图像修复引导行中的空白？

Question

我在一行中有一个 img （我正在使用 React）：

<div className="row">
  <div className="col-md-12 ">
    <img src={headerImage} className="img-fluid"/>
  </div>
</div>

在 IE11 中使用此代码并调整窗口大小时，图像正在正确调整大小。但是，原始高度仍然存在（图像的高度）。所以我看到图像大小正确调整，但是图像所在的行中有空白，因为它不会调整到图像的高度。

如何解决？

标签： htmlcssreactjsbootstrap-4