在Web前端开发中，我们经常需要使用图片来丰富页面的内容。但是有时候在使用CSS设置图片宽度时会发现图片并没有达到我们想要的宽度，而是显示原始大小，这让我们十分困惑。

造成这个问题的原因是CSS默认的背景图片不会被拉伸。如果你不指定图片的大小，那么图片不会被放大或缩小来适应其父元素的大小。也就是说，如果父元素的宽度比图片宽度小，那么图片的宽度就将被截断，并显示出原始大小。

img{
max-width: 100%; /*设置图片最大宽度*/
height: auto; /*高度设为自适应*/
}

通过上述代码可以让图片自适应父元素的大小，并且不会失真。如果你想要让图片精确地适应其父元素大小，可以使用相对单位的宽度值。例如，如果父元素有一个宽度值为500px，那么你可以将图片的宽度设置为100%来让其适应。

.parent{
width: 500px; /*父元素宽度为500px*/
}
img{
width: 100%; /*让图片的宽度适应父元素*/
height: auto; /*高度设为自适应*/
}

在制作网页时，图片是很重要的元素之一。合理使用CSS来定义图片的大小是一个必要的技能，它可以让你的网页更加美观和专业。