在網(wǎng)頁設(shè)計(jì)中，圖片的顯示是非常重要的。CSS中有一個(gè)非常好用的命令可以讓圖片的寬度自動(dòng)適應(yīng)其所在容器的寬度，即將圖片的寬度設(shè)置為100%。

img {
max-width: 100%;
height: auto;
 }

上述代碼中，我們使用了max-width屬性來設(shè)置圖片最大寬度為100%，同時(shí)，為了保持圖片的比例不被拉伸，我們還需要將高度設(shè)置為自動(dòng)適應(yīng)。

這種方式非常適用于響應(yīng)式設(shè)計(jì)，因?yàn)樗梢宰赃m應(yīng)不同屏幕尺寸、不同設(shè)備的顯示效果。同時(shí)，這種方式還可以有效地避免了圖片超出容器而導(dǎo)致的顯示和排版問題。

需要注意的是，如果我們希望控制圖片在容器中的顯示位置，可以使用CSS的background屬性，將圖片設(shè)置為容器的背景。然后，我們可以使用background-position屬性控制圖片的顯示位置。

div {
background-image: url('example.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
 }

通過使用背景圖片屬性，我們能夠更加靈活地控制圖片的顯示效果，同時(shí)也能夠使我們的代碼更加簡(jiǎn)潔。