您如何为 Angular5 + MD2 应用程序编写布局？

【问题标题】：How do you write your layout for an Angular5 + MD2 app?您如何为 Angular5 + MD2 应用程序编写布局？
【发布时间】：2017-11-14 21:10:03
【问题描述】：

所以 Material Design 2 组件已经存在，等待在您的应用程序中使用，但我的问题是您将如何构建它们所在的布局？你用https://github.com/angular/flex-layout吗？手动编写布局？使用 CSS Grid、Flexbox 还是两者兼而有之？

这是一个全新的网络应用程序，我更喜欢使用经久不衰的现代技术来编写它（尽可能多地使用网络技术......）。

【问题讨论】：

【解决方案1】：

您应该使用 Angular 的 Flex 布局。它也在 Angular Material 的文档中指定：

布局 -> 见angular/flex-layout

【讨论】：

是的，我见过。然而，它可以说 Flexbox 不是整个布局的最佳工具，而是其中较小部分的最佳工具。 CSS Grid 被称为布局的未来（布局的大图）。关于它的支持不是很好的事实 - 这对我来说并不重要，因为我正在构建的应用程序是内部的，而且这里的所有员工都有最新的浏览器，所以这不是问题。
与 bootstrap 相比，flex-layout 复杂且笨拙。我看不出这个项目如何以目前的形式真正起飞。