Angular 角度4层网格列表列响应

如何使手机屏幕上的列数等于1？如何使此代码列屏幕响应？提前谢谢

 <mat-grid-list cols="3" rowHeight="100px">
  <mat-grid-tile colspan="1" rowspan="1">
    <button mat-button="primary">
      <mat-icon>delete</mat-icon>
      some text
    </button>
  </mat-grid-tile>
    <mat-grid-tile colspan="1" rowspan="1">
      <button mat-button="primary">
        <mat-icon>delete</mat-icon>
        some text
      </button>
    </mat-grid-tile>
    <mat-grid-tile colspan="1" rowspan="1">
      <button mat-button="primary">
        <mat-icon>delete</mat-icon>
        some text
      </button>
    </mat-grid-tile>
  </mat-grid-list>

删除
一些文本
删除
一些文本
删除
一些文本

[这是答案。Grettings:]（这里的问题相同，请参考此链接，该链接已经解释了您想要什么。