CSS3提供了一種保持圖片比例縮放的方法，使用這種方法可以在不失真的情況下縮放圖片。下面我們先介紹一下CSS3的background-size屬性。

.background{
background-image: url('img/bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

上面的代碼中，我們使用了background-size屬性，將圖片的大小設為cover，這樣可以自適應容器，并且保持圖片的比例。

接下來，我們介紹一下CSS3的另一種方法：使用max-width和max-height屬性。

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

上面的代碼中，我們設置了圖片的最大寬度為100%，最大高度也為100%，這樣可以保持圖片的比例，并且在容器寬度和高度超過圖片的寬度和高度時自適應縮放。

可以看出，使用CSS3保持圖片比例縮放非常方便，可以給我們帶來很多便利。