2.使用 object-fit 属性

object-fit 属性有以下几种值： contain：图片等比例缩放以完全填充容器，同时保持图像的宽高比。 

cover：图片等比例缩放以完全填充容器，但可能会裁剪图片。 

fill：图片拉伸以填充容器，忽略图像的宽高比。 

注意： object-fit 属性需要浏览器支持，在较旧浏览器中可能无法使用。 

在使用 CSS 缩放图片时，需要注意以下几点： 缩放可能会导致图像质量下降。 如果图像的宽高比与容器的不同，可能会导致图片变形。 应尽可能使用图像的原始尺寸来获得最佳质量。