将img设置为div大小

Question

是否可以将图像的高度和宽度设置为包含在其中的div的大小？ 不只是使用background-size: cover？

或者这是一个愚蠢的问题，这是你能做到的唯一方法吗？

Answer 1

在img标记上使用width:100%;和height:100%。

见这里：https://jsfiddle.net/kf1tmu5s/

Answer 2

将图片的宽度和高度设置为100％可以拉伸行李，具体取决于父div的大小。

你可以使用object-fit

这是一个例子：

.cover{
  object-fit: cover;
}

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

Answer 3

1. 给你的div一个班级名称。
2. 将图像大小设置为div的大小。

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

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