CSS中，我們可以使用transform屬性來實現(xiàn)圖片的縮放，這個屬性允許我們對元素進行多種變換，包括縮放、旋轉(zhuǎn)、移動等，下面是一個簡單的例子，展示了如何使用CSS來讓圖片隨著頁面的縮放而縮放：

img {
  transform-origin: center; /* 設(shè)置變換的基準點為圖片的中心 */
  transform: scale(1); /* 設(shè)置縮放比例為1，即不縮放 */
}

在這個例子中，我們選擇了所有的img元素，并設(shè)置了它們的transform屬性。transform-origin屬性指定了變換的基準點，在這個例子中，我們將其設(shè)置為圖片的中心。transform屬性本身接受一個變換函數(shù)作為參數(shù)，在這個例子中，我們使用了scale()函數(shù)，并將其參數(shù)設(shè)置為1，表示不進行縮放。

我們可以使用媒體查詢（Media Queries）來根據(jù)屏幕的大小來動態(tài)調(diào)整圖片的縮放比例，如果屏幕寬度小于768px，我們可以將圖片的縮放比例設(shè)置為0.5：

@media (max-width: 768px) {
  img {
    transform: scale(0.5);
  }
}

在這個媒體查詢中，我們選擇了所有的img元素，并設(shè)置了它們的transform屬性為scale(0.5)，表示將圖片縮小到原來的0.5倍，這樣，當屏幕寬度小于768px時，圖片就會自動縮小，以適應(yīng)屏幕的大小。

需要注意的是，使用CSS來縮放圖片可能會影響圖片的質(zhì)量，特別是在縮放比例較大時，在使用這種方法時，需要權(quán)衡圖片質(zhì)量和可讀性之間的平衡。