如何仅使用 Angular Material 让我的应用响应?

How can I make my app responsive using only Angular Material?

我必须使页面响应,但他们要求我不要使用 Bootstrap,只能使用 Angular Material。

我已经仔细阅读了 Angular Material 文档,但我仍然想不出如何实现这一目标。

谁能告诉我怎么做?

Angular Material中没有布局components/classes。但是,Angular 有自己的布局库,通常与 Material - flex-layout

一起使用

它有sm、md、lg等修饰符,基于css flexbox,类似于Bootstrap。

首先,我建议您浏览右侧窗格中的 Pages 手风琴,尤其是 fxFlex, fxLayout, fxLayoutAlign, and fxLayoutGap