html - 引导缩略图仅在 Internet Explorer 中具有固定高度

Question

我正在尝试使用缩略图库在我的网站上展示产品。在 Google Chrome、Edge 和 Opeera 中，它可以正确显示（见下图）。

在第二张图片中，Internet Explorer 会留下大量空白或拉伸图像。

---

这是我正在使用的引导代码：

  <div class="container-fluid">
<div class="row display-flex">
  
  
  
  
  <div class="col-sm-6 col-md-3 img-responsive">
    <div class="thumbnail">
      <div>
      <img src="_Source\Produkte\saft1.png" alt="" style="align-content: center; width: 100%">
      </div>
      <div class="caption">
        <h3>Aroniasaft<br></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis nisi sapiente unde fugiat </p>
        <p style="color: red; text-align:center;"> nicht auf Lager </p>
      </div>
    </div>
  </div>
  
  </div>
</div>

谢谢你，对不起我的英语:)

下图中红色区域为img。