我一直在尝试使用角材料制作一张网格的卡片。所以我正在使用指令md-grid-list和md-card。但是结果非常丑陋，我不确定要了解md-row-
heigh（ratio）的工作原理，但我有文档说明，但说明并不多。

到目前为止，这是我一直在做的事情：http :
//codepen.io/stunaz/pen/qdQwbq，我正在尝试构建一个响应式卡网格，甚至不确定md-
grid-list是否适合此处。

  <md-grid-list md-cols-sm="1" md-cols-md="2" md-cols-gt-md="6" md-row-height="300px" md-gutter="12px" md-gutter-gt-sm="8px">

<md-grid-tile class="gray" ng-repeat="user in users">
  <md-card>
    <img src="http://placehold.it/150x150" class="md-card-image" alt="user avatar">
    <md-card-content>
      <h2>{{user}}</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
    </md-card-content>
    <div class="md-actions" layout="row" layout-align="end center">
      <md-button>Save</md-button>
      <md-button>View</md-button>
    </div>
  </md-card>
</md-grid-tile>

我愿意提供任何帮助。