在前端開發中，CSS作為一種樣式語言，扮演了很重要的角色。其中，樣式調整大小這一功能尤其重要，因為我們需要做到頁面布局的靈活性與適應性。

//在CSS中，我們可以通過調整元素寬高實現大小的動態變化
.width{
width: 200px;//固定寬度
}
.height{
height: 100px;//固定高度
}
.width:hover{
width: 250px;//懸停后的寬度
}
.height:hover{
height: 150px;//懸停后的高度
}

上述代碼中，我們定義了CSS選擇器 .width 和 .height，分別設置元素的寬度和高度。接下來，我們使用:hover偽類，當鼠標懸停在元素上的時候，自動調整元素的寬高。

除此之外，我們還可以使用CSS3中的@keyframes規則來實現更為復雜的動畫效果。例如：

//定義一個關鍵幀
@keyframes change-size {
from {
width: 100px;//開始寬度
}
to {
width: 200px;//結束寬度
}
}
.box{
width: 100px;//初始寬度
height: 100px;//固定高度
background-color: #666;//背景顏色
animation: change-size 1s linear infinite;//執行動畫
}

在上述代碼中，我們通過@keyframes定義了一個change-size的關鍵幀，從100px寬度開始，逐漸變化到200px寬度。在.box元素中，我們給它加上了動畫效果，然后就可以看到元素的寬度在不斷地變化。

總之，CSS樣式的動態調整大小是前端開發中非常重要的一部分，它可以幫助我們實現更加靈活的布局效果。我們可以通過一些選擇器和屬性，將頁面中的元素進行大小調整，達到我們想要的效果。