在前端網頁開發中，我們常常需要讓頁面元素的大小自適應瀏覽器的大小。而CSS的彈性盒模型提供了一種方便的方法來實現這個需求：使用相對單位和百分比來定義元素大小。

.container {
display: flex;
flex-wrap: wrap;
}
.box {
flex-grow: 1;
flex-basis: calc(33.33% - 20px);
margin: 10px;
}

上述代碼就是一個簡單的例子，展示了如何將頁面元素進行大小自適應。首先，我們給容器設置了display為flex，表示這個容器需要使用彈性盒子。然后，我們使用flex-wrap來讓容器自動換行，保證元素不會溢出容器。

接下來，我們給每個box類設置了flex-grow屬性，表示元素可以自動伸展，占據多余空間。我們還使用了flex-basis來計算元素基本寬度，這里使用了calc()函數，并且將該元素寬度設置為整個容器寬度百分之33.33減去20px的寬度，保證元素之間有一定的間距。

最后，我們還在box類中設置了margin屬性，讓元素之間有足夠的間隔。這樣，我們就完成了一個簡單的自適應布局。

在實際開發過程中，我們還可以使用其他屬性來實現更加豐富的自適應效果，例如根據媒體查詢來適應不同的設備尺寸，使用flex-shrink屬性使得元素在緊縮情況下自動縮小等等。

總的來說，CSS彈性盒模型提供了一種強大的布局方式，使得我們可以更加方便地進行頁面布局，以及對頁面元素進行大小自適應，提升了頁面的可維護性和用戶體驗。