Html 如何保持图像的纵横比用<；md卡></md卡>；

我有一个宽度小于图像宽度的块。此图像使用角度材质的指令进行包装：

<div layout="row">
  <div flex="5">
    <md-card>
      <img src="https://s3-us-west-2.amazonaws.com/loki-dev/H400/VMZ4SlhYYaOhry1jnPaXfUKx6uU.jpeg">
    </md-card>
  </div>
</div>

我想保持图像的纵横比，但我得到的是：

---

有人能帮忙吗？

我不确定您自己的限制，但下面的代码给出了您的要求：

 <md-card style="display:-webkit-inline-box" >
        <img src="https://s3-us-west-2.amazonaws.com/loki-dev/H400/VMZ4SlhYYaOhry1jnPaXfUKx6uU.jpeg">
 </md-card>

内联块元素与内联元素类似，但它们可以具有 宽度和高度