IE11 中的 Angular 7 和材质渲染不正确答案

【问题标题】：Angular 7 and material rendering not properly in IE11IE11 中的 Angular 7 和材质渲染不正确
【发布时间】：2020-04-13 05:35:36
【问题描述】：

我正在使用角度和材质创建项目。在我的项目中，我使用材料表形式和手风琴。在 chrome 和 edge 浏览器中一切正常，但在 IE11 中只有问题。

Css 未正确渲染。当我单击某处时，它会渲染。下面是ie11的截图

我已经添加了所有的 polyfills 并尝试了一切但没有成功..

# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed

> 0.5%
last 2 versions
Firefox ESR
not dead
IE 9-11

也添加了这个..

【问题讨论】：

你有没有机会检查这个stackoverflow.com/a/55346182/2763709

标签： angular angular-material

【解决方案1】：

Angular 组件团队支持所有主流浏览器的最新两个版本：Chrome（包括 Android）、Firefox、Safari（包括 iOS）和 IE11 / Edge。不再支持 IE 10。 Edge 似乎可以很好地处理材质，但 IE 11 仍然存在一些差异。只需向未正确显示的元素添加一些 CSS 规则即可解决这些布局问题。但请确保这些更改不会影响其他样式中的样式浏览器。

【讨论】：

【解决方案2】：

这个问题是由于 flex 属性造成的。 Flex 遇到 Internet 浏览器问题。

我已经覆盖了 d-flex 类并且问题已经修复。

【讨论】：