CSS 中常常遇到圖片顯示不完全的情況，這是由于圖片的寬度或高度超出了 CSS 容器的限制，我們可以通過以下幾種方式來解決這個問題。

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

以上代碼可以確保圖片的寬度占滿容器，同時高度自適應(yīng)。如果容器不固定寬度，我們也可以使用以下代碼：

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

以上代碼可以在限制圖片寬度的同時，確保圖片高度自適應(yīng)。

如果我們希望圖片居中顯示，可以使用以下代碼：

img{
display: block;
margin: 0 auto;
}

以上代碼通過設(shè)置圖片為 block 元素，并設(shè)置水平居中可以達(dá)到效果。

如果圖片寬高比例與容器寬高比例不同，我們可以采用以下方式來保持圖片比例不變：

.img-container{
position: relative;
width: 100%;
height: 0;
padding-bottom: 50%; /*設(shè)置高度為寬度的一半*/
}
.img-container img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

以上代碼中，我們利用 padding-bottom 來設(shè)置圖片容器的高度，從而保證圖片寬高比例與容器一致。同時，圖片的 position 屬性設(shè)置為 absolute，使其能夠相對于容器定位。

通過以上幾種方式，我們可以輕松解決 CSS 中圖片顯示不完全的問題。