IE11 flexbox列高度问题

Question

我有一排li个，其中包含img，然后是p。

p需要有相同的高度。

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

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

有什么想法吗？

Answer 1

通过结合使用此Codepen和this article来管理解决此问题。

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