css如何做到不变形图片

要使图片不变形，必须保持其宽高比。在CSS中，可以使用以下两种方法之一来实现：

1. 设置图片的宽度或高度为固定值，并将另一维度设置为“auto”。例如，如果要将宽度设置为300像素，高度根据宽高比自适应，则可以使用以下代码：

img {
  width: 300px;
  height: auto;
}

2. 使用CSS的“background-image”属性将图片设置为元素的背景，并使用“background-size”属性将背景图片的大小设置为“cover”。这将使背景图片完全覆盖元素，并保持其宽高比。例如：

div {
  background-image: url('path/to/image.jpg');
  background-size: cover;
}

无论使用哪种方法，都应该确保图片的原始宽高比保持不变，否则图片仍然可能会变形。