CSS是一種可以控制網(wǎng)頁結(jié)構(gòu)樣式的語言，其中一個常見的需求就是讓圖片能夠隨屏幕大小而自適應(yīng)調(diào)整大小。下面我們來介紹幾種方法。

/* 方法1：使用百分比 */
img {
max-width: 100%;
height: auto;
}
/* 方法2：使用vw（viewport width） */
img {
max-width: 100vw;
height: auto;
}
/* 方法3：使用響應(yīng)式圖片 */
img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 600px) {
img {
width: 100%;
height: auto;
}
}

方法1使用了百分比來控制圖片大小。這里將圖片的最大寬度設(shè)為100%，這樣當(dāng)圖片所在的容器占滿瀏覽器窗口時，圖片也會相應(yīng)地調(diào)整大小。同時為了保持圖片比例不變，高度設(shè)置為自適應(yīng)。

方法2使用了vw（viewport width）來控制圖片大小。將最大寬度設(shè)為100vw，即瀏覽器窗口寬度的百分之百。這樣當(dāng)瀏覽器窗口縮小時，圖片也會自動縮小，保持比例不變。

方法3是使用響應(yīng)式圖片。最初加載時，將圖片寬度設(shè)為100%。但是當(dāng)屏幕大小小于一定范圍時，通過媒體查詢將圖片寬度也改為百分之百，實現(xiàn)響應(yīng)式調(diào)整。