display: 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>

И вместо получения этого:

Я получаю это:

Насколько указано в caniuse и других соответствующих источниках, display: flex и flex-direction: row должны поддерживаться Internet Explorer 11.

Версия, с которой я тестировал: IE 11.1.18343.0

Кто-нибудь знает, почему?

Answer 1

Макет отлично работает на IE11.

Однако вам может потребоваться проверить настройки совместимости браузера.

Нажмите F12, перейдите на вкладку «Эмуляция» и убедитесь, что «Режим документа» установлен на IE11.