显示:flex和flex-wrap:包装在Internet Explorer中不起作用

时间:2016-03-08 18:49:32

标签: flexbox

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

此方法在Chrome和Firefox上运行良好,但遗憾的是在Internet Explorer上无法正常运行,并且效果很差,并且会阻止页面进行移动响应。我正在使用IE11。寻找这个问题的解决方案。谢谢!

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

1 个答案:

答案 0 :(得分:0)

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

我在各种浏览器宽度(使用媒体查询)中给出了我的产品结果静态高度,并使用了display:inline-block而不是display:flex,因为它在IE中不受支持。