在CSS中，我們可以使用相對(duì)單位（如%）來定義圖片的大小，這樣當(dāng)頁面大小變化時(shí)，圖片的大小也會(huì)相應(yīng)地變化，以下是一個(gè)簡(jiǎn)單的示例：

<img src="image.jpg" style="width: 50%; height: auto;">

在這個(gè)示例中，圖片的寬度被設(shè)置為頁面寬度的50%，高度則被設(shè)置為自動(dòng)，這樣圖片就能保持其原始的寬高比，當(dāng)頁面大小變化時(shí)，圖片的寬度會(huì)相應(yīng)地變化，而高度則會(huì)自動(dòng)調(diào)整以保持原始比例。

CSS中的媒體查詢（Media Queries）也可以用來根據(jù)屏幕大小調(diào)整圖片的大小。

<img src="image.jpg" style="width: 100%; height: auto;">
@media screen and (max-width: 600px) {
    img {
        width: 100%;
        height: auto;
    }
}

在這個(gè)示例中，圖片在屏幕寬度大于600px時(shí)保持其原始大小，但當(dāng)屏幕寬度小于或等于600px時(shí)，圖片的寬度會(huì)調(diào)整為100%，高度自動(dòng)調(diào)整以保持原始比例。

CSS提供了多種方法來根據(jù)頁面大小變化來調(diào)整圖片的大小，包括使用相對(duì)單位和媒體查詢，這些方法可以幫助你創(chuàng)建出響應(yīng)式的網(wǎng)頁布局，提高用戶體驗(yàn)。