IE11 flexbox column高度問題

Question

我有一行li s，每個包含一個img然後一個p。

p需要有相同的高度。

This jsfiddle工作正常，除了在IE11 p某種程度上得到額外的高度。

更新：看起來額外的高度來自縮小的圖像。我讀過IE11在height: auto和flexbox上掙扎。儘管如此，仍然沒有解決它。

有什麼想法？

Answer 1

設法解決它與這個Codepen和this article的組合。

訣竅是給圖像容器一個height，但仍然保持響應。