IE11 flexbox 列高问题

Question

我有一行 li，每行包含一个 img，然后是一个 p。

p 的高度必须相等。

This jsfiddle 工作正常，除了在 IE11 中 ps 以某种方式获得额外的高度。

更新： 额外的高度似乎来自按比例缩小的图像。我读过 IE11 与 height: auto 和 flexbox 斗争。不过还没解决。

有什么想法吗？

Answer 1

设法通过组合 Codepen and this article.

来解决它

诀窍是给图像容器一个height，但仍然保持响应。