Почему мой визуальный интерфейс не работает в IE 11, но да, он работает в Edge, Chrome Firefox и т.д .. display: flexbox может быть проблемой?

Question

В моем веб-проекте есть много вещей, которые не работают в IE 11. У меня есть таблицы внутри div, и у этого div display: flex внутри.Они хорошо отображаются на всех платформах, кроме IE 11. В IE 11, кажется, высота: 1px, потому что я не очень хорошо вижу таблицу.

У меня есть другой div, которому принадлежит таблица, которую яустановить невидимость скрытой, вызывая функцию в начале рендеринга (не статично, просто проверьте состояние, а затем примените или нет, если оно должно быть скрыто или нет), и я проверил журналы, которые должны быть скрыты, и все равно выглядит как другиеТаблица.

Я использую this.myDivTableContent.style= 'visibility: hidden';, чтобы скрыть его, который отлично работает во всех других браузерах.

Я не знаю, что я сделал плохо, но так как я решил посмотреть, как в IE 11Работает, как будто весь визуальный интерфейс проекта нужно будет изменить, если я захочу поработать над ним.

Я даю вам 2 изображения, чтобы увидеть различие с хромом и 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/

Вы также можете попробовать выполнить несколько заливок следующим образом:

Вы должны изменить все, что увидите, но это будет немногопроще.