关于IE10浏览器(Window7)中的` `Flex‘

Question

当使用flex布局时，它可以在Chrome，Safari中工作。但是，IE10浏览器(Window7)无法正常工作。(我在Component.module.scss文件中编写了代码。)

在Chrome中，Safari浏览器检查器...

.box {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
}

在IE10浏览器检查器(Window7)中

.box {
  display: -ms-flexbox;
  // Below style does not appear like never declared in stylesheet
  // -ms-flex-direction: column;
}

在inline <div style="-ms-flex-direction: column;" />中编写代码，它可以工作。

如何修复它？或者这是已知的问题？

开发环境:CRA(非弹出)& react-app-polyfill

Answer 1

我找到了。问题出在浏览器的列表选项。在borwserslist中添加“IE 10”。