图片填满div，真让人头大

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

2023-05-07 18:16:16 来源：博客园

家人们，这图片到底怎样才能完全填满div啊，想问度娘结果搜索的问题都乱七八糟的

（怎么那么多问题QAQ），描述问题都描述不来

具体问题如下：图片有自己的分辨率大小，例如宽100px，高100px，将图片添加到div中：

接着用css代码编辑样式的时候，首先设置div的宽高

.xx {

width:200px;

height:200px;

}

当div宽高大于图片的宽高的时候，这样图片就会填不满这个div，会显示在左上角，如何才能让图片填满这个div啊？？？

就不能设置一下图片的大小吗，例如来一个background-image-size这种的，哭惹！

久经尝试，找到了一个解决办法，就是再设置img的样式，宽高都100%显示，代码如下：

.xx img{

width:100%;

height:100%;

display:block;

}

这样不论图片的大小是否大于div的大小，都会被压缩至div大小一致程度（图片小的会被放大）（另外不会裁剪，是压缩）

有大佬能给出更好的解决方案吗，有例子最好了（咱还是个小菜，复杂了看不懂QAQ）！

完毕。

关键词：