角度/材质2 md卡响应图像

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