CSS图片自适应缩放一直是前端开发人员不得不面对的一个问题，特别是在移动设备等小屏幕设备上。

一种常见的做法是使用CSS中的max-width属性。通过设置max-width:100%;，图片可以自动调整大小，并适应其父容器的大小。

img {
max-width:100%;
}

上述代码中，img表示对所有图片元素设置max-width:100%。然后，当图片的父容器发生变化时，图片会自动缩放以适应父容器的大小。

此外，在一些情况下，max-width并不够用，还需要使用object-fit属性。此属性可以控制内容如何适应到其容器中。比如说，当图片被放置在一个比它本身更小的容器中时，我们可以使用object-fit:cover;，让图片自动调整大小，从而让其完整覆盖整个容器。

img {
max-width:100%;
object-fit: cover;
}

当然，如果你只需要让图片保持原始比例，可以使用object-fit: contain;属性。

需要注意的是，object-fit属性并不是所有浏览器都支持。但是，在大多数现代浏览器中，该属性都是可用的。