在CSS中，自適應比例是非常重要的一部分。自適應比例可以幫助我們在不同設備上以統一的比例顯示網站內容，這是構建響應式布局的重要一環。

那么，什么是自適應比例呢？簡單來說，自適應比例指的是元素的寬高比。在CSS中，我們可以通過設置元素的寬高比來實現自適應效果。

具體來看，CSS中可以使用padding比例設置元素的寬高比。例如，如果我們希望一個元素的寬高比為16:9，可以設置padding-bottom為56.25%（9÷16×100%），然后在其中插入內容即可。

/* 設置元素寬高比為16:9 */
.box {
position: relative;
padding-bottom: 56.25%; /* 9÷16×100% */
overflow: hidden;
}
.box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

另外，CSS中還可以使用vw和vh單位來設置元素的自適應比例。vw單位表示viewport寬度的百分比，vh單位表示viewport高度的百分比。因此，我們可以通過設置元素的寬高為vw或vh單位來實現自適應效果。

/* 設置元素寬高比為16:9 */
.box {
width: 90vw;
height: 50vw;
}

總的來說，自適應比例是構建響應式布局的重要一環，可以幫助我們在不同設備上以統一的比例顯示網站內容。我們可以使用CSS中的padding比例和vw、vh單位來實現自適應比例，從而構建出優秀的響應式布局。