文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular 2 FlexLayout -使用断点更改页面内容

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

Stack Overflow用户

提问于 2017-08-11 04:12:37

回答 1查看 612关注 0票数 0

我正在学习Angular，现在我要做一个登录表单，类似于Gmail页面，使用Angular2，Angular Material和Flex-Layout (都来自Angular)。

到目前为止，一切都很好，唯一的问题是我不知道如何更改卡片的div，所以当使用fxFlex.lt-sm时，它会充满整个屏幕，就像在Gmail页面上一样。

我如何才能做到这一点？

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

普通卡

没有卡片

javascript

angular

flexbox

angular-flex-layout

回答 1

Stack Overflow用户

发布于 2017-08-11 04:27:23

如果表单的容器具有页面的宽度，那么设置fxFlex.lt-sm="100%“应该是可行的。

如果这不起作用，请发布您的html代码，我将更新我的答案

编辑

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

如果你像这样修改的话看起来很管用

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45622730

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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