小编gra*_*der的帖子

我正在使用 bootstrap 4.0.0 中的模板，我将用于包含许多（50+）混合比例图像的多个图库页面。我有一个网格布局，除了 IE11 之外都运行良好。我的图像位于按钮内的卡片内，卡片高度似乎延伸到响应图像的最大高度。

• 我需要帮助确定是否有办法使 IE 11 中的框在高度和宽度上缩小。（宽度部分正在工作）
• 我想保持我所拥有的：Cols 等高，图像居中，文本在底部，而不是在图像底部混搭。
• 如果我在 IE 的 DOM 资源管理器中的“卡片”类下取消选中 display:flex，我会很高兴（仅适用于 IE）得到的结果。它减小了卡的大小，但我失去了垂直居中。所以不是一个好的整体解决方案。

我自动添加了前缀，并使用了这个 flexbox 错误页面上的选项，但没有成功。

我试图将代码包含在代码段中，但它不起作用，所以我只想提供这个指向 bootply 的链接：

显示列高度太高的 IE11 问题的屏幕截图：链接

显示网格在其他浏览器中的外观的图像链接

除了 IE11 占 10% 的访问者之外，一切都适用于所有现代浏览器、屏幕尺寸和设备。（我不担心任何不支持引导程序 4.0 的旧版本，例如 ie9 或 safari 8）