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