Display:flex 和 flex-wrap:wrap 在 Internet Explorer 中不起作用答案

【问题标题】：Display:flex and flex-wrap:wrap not working in Internet ExplorerDisplay:flex 和 flex-wrap:wrap 在 Internet Explorer 中不起作用
【发布时间】：2016-03-10 07:10:13
【问题描述】：

我需要一种方法来让我们网站的产品搜索结果 (div) 都与行中的其他 div 具有相同的高度。由于我们的产品结果有不同的标题长度，我无法为每个 div 设置静态高度，所以我决定在我们的搜索结果 div 的父 div 上使用 display:flex 和 flex-wrap:wrap (#result-info-detail) .

此方法在 Chrome 和 Firefox 上效果很好，但不幸的是在 Internet Explorer 上效果不佳，并且有效地呈现不佳并阻止页面进行移动响应。我正在使用 IE11。寻找解决此问题的方法。谢谢！

我们的搜索页面：http://www.theexecutiveadvertising.com/Results.aspx?keyword=pen

【问题讨论】：

stackoverflow.com/a/35137869/3597276

标签： flexbox

【解决方案1】：

我使用第三方 CSS 浏览器选择器专门针对 IE 用户：http://ridjohansen.github.io/css_browser_selector/index_en.html

我在不同的浏览器宽度（使用媒体查询）下为我的产品结果提供了静态高度，并使用了 display: inline-block 而不是 display: flex，因为 IE 不支持它。

【讨论】：