angular - angular/material2 md-card 响应式图像

Question

使用 angular/material2 如何设置img md-card-image以响应高度。这是取自https://github.com/angular/material2/blob/master/src/lib/card/README.md的示例

我想将图像高度设置为 200px 并希望将宽度缩放到这个值。

<md-card>
   <md-card-header>
      <img md-card-avatar src="path/to/img.png">
      <md-card-title>Header title</md-card-title>
      <md-card-subtitle>Header subtitle</md-card-subtitle>
   </md-card-header>
   <img md-card-image src="path/to/img.png">
   <md-card-content>
      <p>Here is some more content</p>
   </md-card-content>
</md-card>

这是一个例子 http://plnkr.co/edit/DE8O7UYKid2NhpkiRWEF?p=preview

我试图将我的 img 标签包裹在一个相对容器周围并给出图像绝对位置，但仍然不是预期的结果：

http://plnkr.co/edit/ncJypD9NTeHqkcRA8TFb?p=preview