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

Question

说我拥有container.a并且它具有一定的像素高度，比如说container.a中有另一个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 }