具有不同图像大小的网格列表

Question

我有一堆各种尺寸的图像（有些比其他图像宽，有些图像更高等等）。 如何使它们很好地适应材质2（Angular2）的md-grid-list？ 可以裁剪图像以使其填充网格图块（在屏幕上裁剪，而不是裁剪实际文件）。优选地，该解决方案适用于响应式布局（电话+桌面屏幕尺寸），而不是硬编码图像尺寸。

<md-grid-list cols="3" rowHeight="200px">
  <md-grid-tile *ngFor="let image of images">
    <img [src]="image">
  </md-grid-tile>
</md-grid-list>