为什么我的可视界面在 IE 11 上不起作用，但它在边缘、chrome firefox 等中起作用。显示：flexbox 可能是问题所在？

Question

我的 web 项目中有很多东西在 IE 11 上不起作用。我在 div 中有表格，并且 div 在里面有display: flex 。 它们在除 IE 11 之外的所有平台上都显示良好。在 IE 11 中似乎有 height: 1px，因为我并没有真正伸手去看桌子。

我有另一个 div，它拥有一个表，我在渲染开始时调用了 function 设置了不可见性隐藏（不是 static，只需检查 Z9ED39E2EA931586B6A985A6942EF573E，然后通过日志检查是否应该隐藏或不应用）应该被隐藏，它仍然像另一个表一样出现。

我使用this.myDivTableContent.style= 'visibility: hidden'; 隐藏它在所有其他浏览器中都能完美运行。

我不知道我做错了什么，但是自从我决定看看 IE 11 是如何工作的，如果我想在它上面工作，所有项目的视觉界面都必须改变。

我让你 2 张图片来查看 chrome 和 IE 11 的差异。

铬合金：

IE11：

Answer 1

display: flex is partially supported by IE11.

如有疑问，您可以使用该网站： https://caniuse.com/#search=display%3Aflex

您可以使用表格来避免使用 flex

看这个： https://css-tricks.com/complete-guide-table-element/

你也可以试试这样的 polyfill：

你应该改变所有你的看法，但这会更容易一些。