css图片等比例缩放

你可以使用 CSS 中的 `object-fit` 属性来实现图片的等比例缩放，同时保持其宽高比。具体操作如下：

1. 在 CSS 中选中你想要缩放的图片元素，比如 `img` 标签或者一个带有背景图片的 `div`。

2. 设置 `width` 和 `height` 属性为你想要图片显示的大小。

3. 添加 `object-fit: cover;` 属性，这会让图片在保持原始宽高比的同时，填充整个容器。

例如，下面的 CSS 代码可以将一个宽为 200px，高为 200px 的图片缩放至一个宽为 100px，高为 100px 的容器中：

img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

这样可以确保图片不会被拉伸或压缩，同时完全填满容器。你也可以使用其他的 `object-fit` 值，比如 `contain`，这会让图片在原始尺寸内居中显示，但可能会留有空白区域。