CSS3提供了多種方法來對圖片進行縮放，下面我們來介紹具體的實現方法。

img {
/* 設置最大寬度和高度 */
max-width: 100%;
max-height: 100%;
/* 設置寬度和高度的最小值、最大值、以及默認值 */
width: 50%;
height: auto;
min-width: 100px;
min-height: 100px;
max-width: 500px;
max-height: 500px;
/* 設置縮放方式 */
object-fit: contain;
}

在上面的代碼中，我們首先設置了圖片的最大寬度和高度為100%。然后，我們設置了圖片的寬度為50%、高度自適應，并且設置了寬度和高度的最小值、最大值以及默認值。

最后，我們使用了object-fit屬性來設置圖片的縮放方式。object-fit有兩個可選值：

• contain：將圖像縮放到保持其寬高比的最大大小內。
• cover：將圖像縮放到完全覆蓋容器。

通過這些設置，我們可以很容易地控制圖片的縮放效果，在不同的設備和屏幕上都能得到理想的效果。