通過將圖像高度設置爲容器高度來使圖像適合其容器

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 }