在使用CSS進行產品展示時，一個重要的需求是調整圖片的大小以更好地適應頁面布局。在這種情況下，我們可以使用CSS中的圖片縮放功能。

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

以上代碼意味著，我們將圖片的最大寬度設置為100%，這將使它在父元素內保持響應式的大小，而高度使用自適應屬性，以便圖片不會拉伸或失真。

此外，我們還可以應用CSS的transform屬性來進一步調整圖片的大小。

img{
transform:scale(0.5);
}

在這里，我們將圖片縮小了50%。需要注意的是，縮放率必須在0-1之間，0表示完全隱藏，而1表示原始大小。

最后，可以使用transition屬性來為圖片添加平滑的過渡效果。

img{
transition:transform 0.5s ease-in-out;
}
img:hover{
transform:scale(1.2);
}

在這里，我們為圖片設置了一個從初始大小到放大1.2倍的變換，并在0.5秒內以緩入緩出的方式執行。當用戶將鼠標懸停在圖片上時，變換就會觸發。

總之，在CSS中進行產品圖縮放是一個簡單而非常實用的技術，可以使您的網站更加吸引人，并提高用戶體驗。