在Web前端開發中，我們經常需要使用圖片來豐富頁面的內容。但是有時候在使用CSS設置圖片寬度時會發現圖片并沒有達到我們想要的寬度，而是顯示原始大小，這讓我們十分困惑。

造成這個問題的原因是CSS默認的背景圖片不會被拉伸。如果你不指定圖片的大小，那么圖片不會被放大或縮小來適應其父元素的大小。也就是說，如果父元素的寬度比圖片寬度小，那么圖片的寬度就將被截斷，并顯示出原始大小。

img{
max-width: 100%; /*設置圖片最大寬度*/
height: auto; /*高度設為自適應*/
}

通過上述代碼可以讓圖片自適應父元素的大小，并且不會失真。如果你想要讓圖片精確地適應其父元素大小，可以使用相對單位的寬度值。例如，如果父元素有一個寬度值為500px，那么你可以將圖片的寬度設置為100%來讓其適應。

.parent{
width: 500px; /*父元素寬度為500px*/
}
img{
width: 100%; /*讓圖片的寬度適應父元素*/
height: auto; /*高度設為自適應*/
}

在制作網頁時，圖片是很重要的元素之一。合理使用CSS來定義圖片的大小是一個必要的技能，它可以讓你的網頁更加美觀和專業。