Css ServiceNow服务门户flexbox IE11

我正在ServiceNow中构建一个服务门户，在IE 11中正确呈现引导卡组时遇到问题。ServiceNow实际上甚至不支持boostrap4，因此我们的团队通过复制和粘贴后端CSS，然后将类名从“card”替换为“wrap”来破解它。下面是Chrome、Firefox等浏览器的屏幕截图

以下是IE11中的相同内容：

不仅图像有点拉长，更重要的是，服务门户行似乎无法识别图像，并且图像下方的行重叠。我相当肯定这是因为服务门户不识别FlexBox

下面是我们的CSS代码：

@media (min-width: 576px) {
    .wrap-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .wrap-deck .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

  .wrap, .wrap > span, .wrap > span > div {
            display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column 
  }

---

有人经历过吗？有人有解决方案吗？

我很肯定这是因为服务门户不识别FlexBox。但你似乎在说它在Chrome和FF中工作。这些帖子可能会有所帮助：|是的，我的错，它在Chrome/Firefox中确实工作得很好……它只在IE中不工作。