在網頁設計中，圖片縮放滾動是一種很常見的技術，可以讓網頁看起來更加美觀、合理。下面介紹如何使用CSS來實現圖片縮放滾動。

img {
max-width: 100%;
height: auto;
}

首先，我們需要設置圖片的最大寬度為100%，高度自適應，這樣可以保證圖片不會超出容器。接下來，我們需要對容器進行一些設置：

.container {
width: 100%;
height: 400px;
overflow: auto;
}

容器的寬度需要是100%，高度可以自行調整，overflow屬性需要設置為auto，這樣當圖片超出容器寬度時，就會出現滾動條。

接下來，我們需要對圖片進行一些調整：

.container img {
float: left;
width: 33.33%;
height: 100%;
}

我們將圖片設置為左浮動，并將寬度設置為33.33%，這樣就可以在一行顯示三張圖片。高度設置為100%，可以讓圖片與容器等高。

最后，我們需要為容器添加一些樣式，使得滾動條更加美觀：

.container::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
}
.container::-webkit-scrollbar-thumb {
border-radius: 100px;
background-color: #000;
}

這樣我們就可以使用CSS來實現圖片縮放滾動了。