html - 关于 IE10 浏览器 (Window7) 中的`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;
}

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

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

+ 开发环境：CRA（非弹出）和 react-app-polyfill

标签： htmlcssflexboxinternet-explorer-10

Answer 1

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