如何使用 CSS 修复 Internet Explorer 11 中的 flexbox 对齐问题？

问：

我目前正在做一个利用 CSS flexbox 进行布局和设计的 Web 项目。在现代浏览器中一切看起来都很棒，但我遇到了 Internet Explorer 11 的问题。我面临的问题是 flexbox 属性，例如 flex-direction 和 justify-content，在 IE 11 中似乎无法按预期工作。元素未正确对齐，布局完全损坏。我尝试添加供应商前缀并研究兼容性问题，但一直无法找到有效的解决方案。这是我的CSS代码的简化版本：

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.item {
  flex: 1;
}

是否有已知的解决方法或任何特定注意事项，我需要考虑才能使 Flexbox 在 Internet Explorer 11 中正常工作？我感谢解决此问题的任何意见或建议。