CSS将img图片填满父容器div并自适应容器大小

```html

```

接下来，我们可以通过CSS样式来解决图片尺寸不一致的问题。

方法一：我们可以对`img`元素进行垂直居中，并设置其高度和宽度的最小满屏值。设置`div`的宽度和高度，然后利用相对定位将`img`元素置于`div`的中心，同时保证其最小宽度和高度与`div`相同。这样，图片就能充满整个容器，并且不会变形。具体的CSS样式代码如下：

```css

div {

position: relative;

width: 100px; / 根据实际需求设置宽度 /

height: 100px; / 根据实际需求设置高度 /

overflow: hidden; / 隐藏超出容器的部分 /

}

div img {

position: absolute;

top: 50%;

left: 50%;

display: block;

min-width: 100%;

min-height: 100%;

transform: translate(-50%, -50%); / 居中图片 /

}

```

方法二：另一种方法是使用`object-fit`属性。我们可以为`img`元素设置`object-fit: cover`，这样图片就会充满整个容器，同时保持其比例。具体的CSS样式代码如下：

```css

div {

width: 100px; / 根据实际需求设置宽度 /

height: 100px; / 根据实际需求设置高度 /

}

div img {

width: 100%; / 使图片宽度与容器相同 /

height: 100%; / 使图片高度与容器相同 /

object-fit: cover; / 保持图片比例并覆盖整个容器 /

}

```

以上就是两种解决CSS中将img图片填满父容器div并自适应容器大小问题的方法。希望这些解决方案能够帮助到你。如果你对狼蚁SEO还有其他问题或者想了解更多关于CSS和网页优化的知识，请继续浏览狼蚁网站的SEO优化文章或搜索狼蚁SEO以前的文章，我们会持续为大家提供更多有价值的内容。记得多多支持狼蚁SEO！由Cambrian渲染引擎处理并呈现在网页上。