CSS是一種用于設計樣式的語言，它是網頁制作中必不可少的一部分。在網頁設計時，有時需要使用圖片來美化頁面的效果，但是圖片的大小難以統一，這時候就需要使用CSS來實現圖片寬度自動縮放的功能。

在CSS中，可以通過使用“max-width:100%;”的屬性來實現圖片寬度的自動縮放。以下是示例代碼：

img {
max-width:100%;
}

以上代碼將會使所有img標簽中的圖片寬度自動縮放至最大100%。這種方法避免了圖片太大導致頁面不美觀的問題，可以讓圖片更好地融入到頁面中。

如果想要控制圖片的大小，可以使用CSS中的“width”和“height”屬性。示例代碼如下所示：

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

以上代碼意味著設置圖片的寬度為200像素，高度自適應，同時可以最大寬度自適應。通過這種方法可以控制圖片的大小，使其適應于網頁的布局。

總的來說，CSS中的圖片寬度自動縮放功能可以使網頁更美觀，更規范，同時為網頁設計者提供了更多的靈活性和自由度。