將img設置爲div尺寸

Question

是否可以將圖像高度和寬度設置爲其包含的div的尺寸？ 不只是使用background-size: cover？

或者這是一個愚蠢的問題，這是你能做到的唯一方法嗎？

Answer 1

在img標籤上使用width:100%;和height:100%。

在這裏看到：https://jsfiddle.net/kf1tmu5s/

Answer 2

1. 給你的div類名稱。
2. 將圖像大小設置爲div的大小。

.image_containing img{ 
 
height:100%; 
 
width: 100%; 
 
}

<div class="image_containing"> 
 
<img src="xxx.yy"> 
 
</div>

Answer 3

設置你的形象，以100％的寬度和高度將拉伸imgage，這取決於你的父母div的大小。

你可以使用對象的配合

這裏有一個例子：

.cover{ 
    object-fit: cover; 
} 

https://jsfiddle.net/cmaLbvLt/18/