CSS中，我們可以通過設置圖片的最大寬度來讓圖片適應容器的寬度，但是如果我們要讓圖片始終保持等比例縮放呢？下面就讓我來為大家介紹一下。

首先，在HTML中，我們需要用標簽來呈現圖片，而不是將圖片作為背景圖。

<div class="container">
<img src="img/example.jpg">
</div>

接下來，我們需要在CSS中設置容器的最大寬度，并讓圖片寬度為100%。這樣圖片就會始終保持等比例縮放，且自適應容器的寬度。

.container{
max-width: 800px;
}
img{
width: 100%;
height: auto;
}

這里需要注意的是，我們在設置圖片寬度為100%時，不能設置高度為100%，因為這樣圖片會失真變形。

如果我們想讓圖片完全填滿容器，可以設置圖片的最小寬度為100%。

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

如果圖片的寬高比例與容器寬高比例不相同，那么圖片可能會超出容器的高度。這時，我們可以將容器的高度設置為auto，并將overflow屬性設置為hidden以隱藏多余部分。

.container{
max-width: 800px;
height: auto;
overflow: hidden;
}

通過以上方法，我們可以輕松地實現圖片自適應容器寬度，并保持等比例縮放。