在CSS中，我們可以使用媒體查詢（Media Queries）來定義圖片根據(jù)屏幕大小變化，媒體查詢是CSS3的一個特性，它允許***根據(jù)設備的特定條件（如屏幕大小、分辨率、顏色等）來應用不同的CSS樣式。

下面是一個簡單的例子，展示了如何根據(jù)屏幕大小變化來定義圖片的尺寸：

/* 默認樣式，適用于所有設備 */
.img-responsive {
  width: 100%;
  height: auto;
}
/* 適用于大屏幕（如桌面顯示器）的樣式 */
@media screen and (min-width: 1200px) {
  .img-responsive {
    width: 50%;
  }
}
/* 適用于中等屏幕（如筆記本電腦）的樣式 */
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .img-responsive {
    width: 75%;
  }
}
/* 適用于小屏幕（如平板電腦）的樣式 */
@media screen and (min-width: 768px) and (max-width: 899px) {
  .img-responsive {
    width: 100%;
  }
}
/* 適用于手機屏幕的樣式 */
@media screen and (max-width: 767px) {
  .img-responsive {
    width: 100%;
  }
}

在這個例子中，我們定義了一個名為.img-responsive的CSS類，用于控制圖片的尺寸，在不同屏幕大小的媒體查詢中，我們根據(jù)屏幕寬度設置了不同的寬度值，這樣，當屏幕大小變化時，圖片的尺寸也會相應地調(diào)整。

這只是一個簡單的示例，實際使用時可能需要根據(jù)具體的需求進行調(diào)整，為了確保兼容性，建議在使用媒體查詢時考慮多種設備和瀏覽器的情況。