css图片按照最短边缩放

你可以使用CSS中的`object-fit`属性来实现这个效果。具体来说，你可以将`object-fit`设置为`contain`，这样图片就会根据其最短的边缩放，以适应其容器的大小。

例如，如果你有一个`<img>`元素和一个容器`<div>`，你可以使用以下CSS代码：

div {
  width: 300px;
  height: 200px;
  border: 1px solid black;
}

img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

在这个例子中，容器的大小是300x200像素，而图片会等比例缩放以适应容器的大小。如果图片的宽度比高度大，那么它将会在水平方向上填满整个容器，并且顶部和底部会有一些空白区域。如果图片的高度比宽度大，那么它将会在垂直方向上填满整个容器，并且左右两侧会有一些空白区域。