显示：flex无法在IE11中正确呈现

Question

我有此代码：

.fbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.box {
  width: 200px;
  height: 200px;
  margin: 15px;
  border: 1px solid black;
  background-color: gray;
}

<div class="fbox">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

而不是得到这个：

我明白了：

根据犬类和其他相关来源的说明，Internet Explorer 11应该支持display: flex和flex-direction: row。

我测试过的版本是：IE 11.1.18343.0

有人知道为什么吗？

Answer 1

该布局在IE11上工作正常。

但是，您可能需要检查浏览器的兼容性设置。

按F12，转到“仿真”选项卡，然后检查“文档模式”是否设置为IE11。