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

是因为IE11对于一些新的Web标准和技术支持不完善，导致在使用Angular 7和材质渲染时出现兼容性问题。Angular 7是一种流行的前端开发框架，它使用了一些最新的Web技术和标准，而材质渲染是Angular Material库提供的一种UI组件库。

在IE11中，由于其对于CSS Grid布局、Flexbox布局、CSS变量等新特性的支持不完善，可能导致Angular 7和材质渲染的样式显示不正确。此外，IE11对于ES6+的JavaScript语法支持也不完善，可能导致一些JavaScript代码在IE11中无法正常运行。

为了解决这个问题，可以考虑以下几个方案：

1. 使用Polyfills：Polyfills是一种用于填充浏览器功能差异的JavaScript库。可以使用一些针对IE11的Polyfills来解决一些新特性的兼容性问题，例如core-js、web-animations-js等。在Angular项目中，可以通过配置polyfills.ts文件来引入这些Polyfills。
2. 使用IE11的兼容模式：IE11提供了一种兼容模式，可以通过在HTML文档的头部添加<meta http-equiv="X-UA-Compatible" content="IE=edge">来启用。这样可以让IE11以最高的标准模式渲染页面，提高兼容性。
3. 避免使用不兼容的特性：在开发过程中，尽量避免使用IE11不支持的特性，例如CSS Grid布局、Flexbox布局等。可以使用一些替代方案或者Polyfills来实现相似的效果。
4. 浏览器检测和提示：可以使用一些浏览器检测的库，例如Bowser、Detect.js等，来检测用户所使用的浏览器版本，并给出相应的提示信息，建议用户升级浏览器或者使用其他兼容性更好的浏览器。

总之，解决IE11中Angular 7和材质渲染不正确的问题需要综合考虑兼容性、特性使用和用户体验等因素。在实际开发中，可以根据具体情况选择合适的解决方案。