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

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

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

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

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

上面的代碼中，我們?cè)O(shè)置了圖片的最大寬度為100%，最大高度也為100%，這樣可以保持圖片的比例，并且在容器寬度和高度超過圖片的寬度和高度時(shí)自適應(yīng)縮放。

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