CSS3 中的等比例縮放在Web設計中非常常用。它可以使圖片或容器在不同屏幕尺寸下以同樣的比例縮放，把重心放在設計中，而不是不同的設備。那么要如何使用CSS3實現(xiàn)等比例縮放呢？

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

上面的代碼會使圖片的最大寬度不超過其所在容器的100%，而在縮放時，高度會自動調(diào)整以保證比例不變。同樣，如果需要等比例縮放一個容器，可以通過設置 padding-top 的百分比值。

.container {
position: relative;
width: 100%;
padding-top: 56.25%;
/* 16:9 */
}
.container div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

上面的代碼實現(xiàn)了一個16:9比例的容器，其中 padding-top 百分比值為56.25%與 9/16 的比例相同。同時為了讓子元素 div 具有完整的尺寸，設置其 position 為 absolute，并設置 top、right、bottom 和 left 均為0。