Angular 2 FlexLayout - 使用断点更改页面内容

Question

我正在学习Angular，现在我要创建一个登录表单，类似于使用Angular2，Angular Material和Flex-Layout的Gmail页面（全部来自Angular）。
到目前为止，一切都很好，唯一的问题是我不知道如何更改卡div，以便在Gmail页面上使用fxFlex.lt-sm时填充整个屏幕。
我怎样才能做到这一点？

到目前为止我做了什么： https://plnkr.co/edit/X8Rs7QHaMG9XzB1LTkbR?p=preview

普通卡

没有卡

Answer 1

如果表单的容器具有页面宽度，则设置fxFlex.lt-sm =＆＃34; 100％＆＃34;应该管用。但是如果您使用fxLayout = column而不是row，那么它会将您的max-height设置为100％，因此您需要手动设置宽度。

如果这没有帮助，请发布您的HTML代码，我会更新我的回答

修改

<!-- Card -->
  <div style="width: 100%" fxLayoutAlign="center center">
    <md-card fxFlex="448px" fxFlex.lt-sm="100%"> 

如果你这样修改

，似乎工作