CSS图像缩放自动裁剪是一个非常有用的功能。当我们需要在网页上展示一张图片时，我们通常需要将其缩放到一定大小以适应页面布局。但是，有时候我们需要裁剪该图片以适应特定的大小和长宽比例。

CSS的object-fit属性与object-position属性可以帮助我们实现这一目标。

img {
width: 300px;
height: 200px;
object-fit: cover;
object-position: center;
}

这里，我们将width设置为300像素，height设置为200像素，object-fit设置为cover，object-position设置为center。这意味着，图像将适应300x200像素的框架，并自动缩放和裁剪以适应该框架大小。

如果我们想在裁剪之前保持图像的长宽比例，我们可以设置object-fit为contain：

img {
width: 300px;
height: 200px;
object-fit: contain;
object-position: center;
}

在这种情况下，图像将扩展以适应300x200像素的框架，但不会超出这个框架。

object-fit和object-position属性使得我们能够更好地控制图像的大小和外观，使得网页的布局更加灵活。