css设置图片不变形

为了设置图片不变形，你可以使用以下 CSS 属性：

1. `object-fit: cover;`：这个属性可以让图片填满整个容器，但是会保持比例不变，图片可能会被裁剪。

2. `object-fit: contain;`：这个属性可以让图片完整地显示在容器中，但是可能会留白，因为它会按比例缩放图片以适应容器。

3. `width: 100%; height: auto;`：这种方式可以让图片的宽度自适应容器的宽度，高度按比例自动缩放。

例如，下面的代码可以将图片设置为不变形：

.img-container {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

.img-container img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

在这个例子中，我们使用了一个 div 容器来包含图片，并将其设置为固定的宽度和高度。然后，我们将图片的宽度设置为 100%，高度设置为 auto，并使用 `object-fit: cover;` 属性来保持比例不变并填充整个容器。

希望这能帮到你！