如何保持图像的宽高比用<md-card> .. </md-card>包裹

Question

我有一个宽度小于图像宽度的块。此图像包含角度材质指令：

<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>

我想保留该图像的宽高比，但这是我得到的： http://codepen.io/anon/pen/qbJLXN

有人可以帮忙吗？

Answer 1

我不确定你自己的约束，但下面的代码给出了你的要求：

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

  

内联块元素就像内联元素，但它们可以有一个   宽度和高度。 see