通过将图像高度设置为容器高度，使图像适合其容器

Question

假设我有container.a并且它有一些像素的高度，比如说我在container.a中有另一个container.b，它是container.a的80％，现在说我想要适合一个有一些高度的图像像素到container.b，如何使图像成为container.b的高度，然后使用CSS保持宽高比？

<div class="container.a">
  <div class="container.b">
    <img class="image.a" src="my_image.png" />
  </div>
</div>

.container.a { width: 200px; height: 300px; }
.container.b { width: 80%; height: 80%; }
.image.a { ? }

Answer 1

提供100％宽度的图像

 .image.a{width:100%;}

Answer 2

使用此：

.image.a { height:100%; width:auto }