CSS 图片保持比例填充是一个非常常见的需求。通过该技术，我们可以让图片完美地填满容器，同时又不会变形。以下是如何实现它的方法： 首先，我们需要设置容器的宽度和高度。假设我们的容器宽度是 300 像素，高度是 200 像素。然后，我们在 CSS 文件中添加以下代码：

.container {
width: 300px;
height: 200px;
position: relative;
overflow: hidden;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

在上面的代码中，我们首先将容器设为相对定位，并将其溢出设置为隐藏。接下来，我们为容器中的图像设置绝对定位，并将其位置移动到容器的中心。使用 transform 属性，我们还可以从图像的中心点进行偏移，以确保图像的准确对齐。 重点是，我们使用 min-width 和 min-height 属性来确保图像始终为容器的最小宽度和高度。这将使图像填满整个容器，同时保持比例不变。 这就是如何使用 CSS 图片保持比例填充的方法。通过使用这种技术，我们可以轻松地创建具有良好用户体验的图片网站，同时不会让图像失真变形。