CSS的div比例自適應功能是指在網頁開發中，通過CSS樣式設置div標簽的寬高比例，使其能夠根據瀏覽器窗口大小自適應調整大小，以適應不同分辨率的設備。

//示例代碼1
.container {
width: 80%;   //設置容器的寬度為80%
}
.box {
width: 50%;   //設置盒子的寬度為50%
height: 0;    //先將盒子的高度設為0
padding-bottom: 50%;    //計算出盒子的高度（50%的寬度）
background-color: #ddd;   //添加盒子的背景顏色
}
//示例代碼2
.container {
width: 80%;   //設置容器的寬度為80%
display: flex;   //使用flex布局
flex-wrap: wrap;   //多行顯示
}
.box {
flex-basis: 50%;   //設置盒子的基準寬度為50%
aspect-ratio: 1 / 1;   //設置盒子的寬高比例為1:1
background-color: #ddd;   //添加盒子的背景顏色
}

這里提供兩種實現div比例自適應的方法，第一種是通過padding-bottom屬性來計算盒子的高度，因為padding屬性的百分比是相對于盒子的寬度計算的，所以可以通過設置padding-bottom屬性的值與盒子寬度的比例來計算出盒子的高度，從而實現寬高比例自適應。

第二種方法是使用flex布局，通過flex-basis屬性來設置盒子的基準寬度，在結合aspect-ratio屬性來設置盒子的寬高比例，從而實現寬高比例自適應。相比第一種方法，使用flex布局更加靈活，可以根據需求設置多個盒子的比例和寬度。