CSS是制作網頁的重要組成部分，而控制圖片在網頁中的顯示也是CSS的重要功能之一。本文將介紹如何使用CSS來實現圖片100%顯示。

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

使用上述代碼，我們可以控制圖片在其容器中自適應，并且保持其寬高比例不變。這個過程中，所有的圖片都將等比縮放，以適應其父容器的大小。

如果希望圖片能夠完全填滿其容器，而不受其寬高比例的限制，則可以使用另一個CSS屬性-寬度和高度。例如：

img {
width: 100%;
height: 100%;
object-fit: cover;
}

使用這些屬性，我們可以讓圖片完全占據其父容器的空間，并且自動調整其寬高比例以適應其所在的容器。這樣，圖片大小就不會超出其容器范圍，并且自動適應不同設備的屏幕大小。

總之，使用CSS控制圖片大小，可以讓網頁更加美觀，并且更好地適應不同設備的屏幕大小。希望大家可以通過學習本文，掌握如何使用CSS來優化網頁中的圖片顯示效果。