html - MS Edge为图像预留了很多空间

我在微软边缘为我的页脚获得了一个奇怪的行为。我已经将问题提取到一个小提琴中，因此更容易提供帮助：）

<body>
  <div class="container">
    <div class="inner-container">
      <div class="slide-footer">
        <div class="slide-icon active">
          <img src="..." />
        </div>
     </div>
    </div>
  </div>
</body>

我有一个通过flex-box定位的页脚，总是粘在底部。在该页脚的内部，另一个柔性盒基本上用于页脚元素的居中。

页脚内部的元素内部有一个图像，占据了80％的页脚高度，因此可以调整大小。在chrome / firefox中，页脚元素仅占用调整大小图像所需的空间，但在边缘中，元素占用的宽度与原始图像所需的宽度相同，因此会破坏布局。

注意：这不会一直发生，所以我的意思是截图：

有人知道我该如何解决这个问题吗？

MS Edge为图像预留了很多空间

0 个答案: