Angular 2 MD网格列表集列，带屏幕尺寸

Question

我搜索了这个主题，但我没有找到一个适合我的问题的主题。我试图通过这样做将列大小设置为我的MD-Grid列表中的元素：

 <md-grid-list md-cols-gt-md="3" md-cols-md="2" rowHeight="180px">
        <md-grid-tile *ngFor="let pic of pictures" [colspan]="1" [rowspan]="1">
          <md-card class="grey-card">
            <img class="picture" md-list-avatar src="../../../assets/android.png">
          </md-card>
        </md-grid-tile>
      </md-grid-list>

但是MD-Cols不起作用，是因为不应该以这种方式设置列？

Answer 1

我找到了此链接来帮助我解决问题：根据屏幕尺寸更改MD网格列表的布局或COLS值

也为了使它起作用，我必须安装flex布局模块并使用了以下操作：https://github.com/angular/flex-layout/issues/457和这个：https://github.com/angular/flex-layout/wiki/npm-installs