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

Question

我正在使用 angular 和材料创建项目。 在我的项目中，我使用材料表 forms 和手风琴。 在 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

这个也加了。。

Answer 1

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

Answer 2

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

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