@angular/flex-layout 在 angular 11 中导致烦人的滚动条

Question

第一次使用@angular/flex-layout 在我的新项目上试了一下。通过在 flex 容器内的 for 循环中显示 mat-card。它增加了一个烦人的滚动条我不想在 xs 设备上使用 fxFlex="column"，我认为 fxLayoutGap="20px grid" 导致了这个问题。这是 stackblitz link：here

我该如何解决这个问题？

Answer 1

将 fxFlexFill 添加到容器中

<div fxLayout="row wrap" fxLayoutGap="20px grid"
  fxFlexFill
   fxLayoutAlign="center center">

@angular/flex-layout 在 angular 11 中导致烦人的滚动条

@angular/flex-layout causing annoying scrollbar in angular 11

angular

sass

angular-flex-layout