在網(wǎng)頁(yè)響應(yīng)式布局中，我們經(jīng)常需要使用 CSS 媒體查詢(xún)來(lái)針對(duì)不同的屏幕大小和設(shè)備類(lèi)型進(jìn)行樣式調(diào)整。其中，包括對(duì)圖片大小的調(diào)整，使其適應(yīng)不同的屏幕展示。

@media (max-width: 768px) {
img {
width: 100%;
height: auto;
}
}

上面的代碼是我們通常使用的 CSS 媒體查詢(xún)調(diào)整圖片大小的方法。其中，我們使用 max-width 屬性來(lái)判斷屏幕大小是否超過(guò)了 768px，如果超過(guò)了，則將圖片的寬度設(shè)置為 100%，高度自適應(yīng)調(diào)整。

這樣的設(shè)置可以讓網(wǎng)頁(yè)在小屏幕設(shè)備上顯示更靈活、更美觀，同時(shí)也提升了用戶(hù)體驗(yàn)。值得一提的是，在使用這種方法時(shí)，我們也需要注意圖片的質(zhì)量和大小，以避免過(guò)大的圖片占用用戶(hù)的流量和加載時(shí)間。