CSS中，我們可以通過設(shè)置div元素的寬度和高度屬性來控制其大小，當(dāng)需要讓div大小隨著屏幕大小變化而變化時，可以使用百分比（%）單位來設(shè)置div的寬度和高度，這樣，div的大小就會根據(jù)屏幕大小的變化而自動調(diào)整。

以下CSS代碼可以將div的寬度和高度都設(shè)置為屏幕寬度的50%：

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

如果只需要讓div的寬度隨著屏幕大小變化而變化，可以將div的寬度設(shè)置為百分比單位，而高度設(shè)置為固定像素值：

div {
  width: 50%;
  height: 300px;
}

這樣，無論屏幕大小如何變化，div的寬度都會自動調(diào)整，而高度則保持為300像素。

CSS中的媒體查詢（Media Query）也可以用來根據(jù)屏幕大小的變化來調(diào)整div的大小，可以使用@media規(guī)則來設(shè)置不同屏幕大小下的div大?。?/p>

@media (max-width: 600px) {
  div {
    width: 100%;
    height: 200px;
  }
}
@media (min-width: 601px) {
  div {
    width: 50%;
    height: 300px;
  }
}

這樣，當(dāng)屏幕寬度小于等于600像素時，div的寬度將設(shè)置為100%，高度為200像素；而當(dāng)屏幕寬度大于600像素時，div的寬度將設(shè)置為50%，高度為300像素。