在HTML中，可以使用CSS來控制div元素的大小。以下是關于如何設置div大小變化的方法。

1. 使用固定的像素值

{
width: 200px;
height: 200px;
}

這將使div元素始終具有200像素的寬度和高度。

2. 使用百分比值

{
width: 50%;
height: 50%;
}

這將使div元素的大小相對于其父元素的大小為50%。

3. 使用最小最大寬度和高度

{
min-width: 100px;
max-width: 300px;
min-height: 100px;
max-height: 300px;
}

這將允許div元素的大小在100到300像素之間變化。如果瀏覽器窗口縮小到小于100像素或大于300像素，div元素將保持不變。

4. 使用可伸縮布局

{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

這將使div元素在flexbox中可伸縮。使用justify-content和align-items屬性，可以控制div元素在flex容器中的位置和對齊方式。