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屬性并不是所有瀏覽器都支持。但是，在大多數現代瀏覽器中，該屬性都是可用的。