javascript - 为什么我的可视界面在 IE 11 上不起作用，但在 edge、chrome firefox 等中却可以。显示 :flexbox could be the problem?

Question

我的 Web 元素中有很多东西在 IE 11 上不起作用。我在 div 中有表格，而那个 div 中有 display: flex。它们在除 IE 11 以外的所有平台上都显示良好。在 IE 11 中似乎有 height: 1px ，因为我并没有真正伸手去看 table 。

我有另一个 div，它拥有一个表，我设置了隐身隐藏，在渲染开始时调用一个函数(不是静态的，只是检查一个状态，然后应用或不应用它是否应该隐藏)我已经检查过通过应该隐藏的日志，它仍然看起来像另一个表。

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

我不知道我做错了什么，但自从我决定看看 IE 11 的工作原理后，如果我想在 IE 11 上工作，所有元素的可视化界面都必须更改。

我给你 2 张图片，看看 chrome 和 IE 11 的区别。

Chrome :

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 :

您应该更改所有 View ，但这会更容易一些。