关于IE10浏览器（Windows 7）中的`Flex Layout`

Question

当使用 flex 布局时，它在 Chrome、Safari 中工作...但是，IE10 broswer(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;
}

在内联 <div style="-ms-flex-direction: column;" /> 中编写代码，有效。

如何解决？还是已知问题？

+ 开发环境：CRA(non eject) & react-app-polyfill

Answer 1

我找到了。问题是浏览器列表选项。在borwserslist.

中添加'IE 10'

About `Flex Layout` in IE10 broswer (Window7)