angular - 如何仅使用 Angular Material 使我的应用程序响应？

Question

我必须使页面具有响应性，但他们要求我不要使用 Bootstrap，只使用 Angular Material。

我一直在阅读 Angular Material 文档，但我仍然想不出如何实现这一点。

谁能给我一个如何做的想法？

标签： angularangular-materialresponsive

Answer 1

Angular Material 中没有布局组件/类。然而，Angular 有自己的布局库，通常与 Material 一起使用 - flex-layout

它具有 sm、md、lg 等修饰符，并且基于 css flexbox，类似于 Bootstrap。

首先，我建议浏览右侧窗格中的 Pages 手风琴，特别是fxFlex、fxLayout、fxLayoutAlign和fxLayoutGap