CSS圖片寬高相等通常指的是將圖片的寬度和高度設(shè)置成相等的大小，從而達到圖片等比縮放、更美觀的效果。以下是如何使用CSS實現(xiàn)圖片寬高相等的幾種方式：

.square-image {
width: 100%;
height: 0;
padding-bottom: 100%; /*保持寬高比1:1*/
}

上面的代碼通過設(shè)置padding-bottom值為100%來保持寬高比為1:1。由于容器高度被設(shè)置為0，所以需要通過padding來撐開容器高度的大小，進而實現(xiàn)圖片寬高相等的效果。

.square-image {
width: 100%;
height: 100%;
object-fit: cover;
}

上面的代碼則利用了object-fit屬性，該屬性定義了如何適應(yīng)和拉伸圖片到容器中。cover值會保留圖片的寬高比并將其縮放到容器中的最大尺寸，從而實現(xiàn)了圖片寬高相等的效果。

.square-image {
width: 100%;
height: auto;
max-height: 100%;
}

上面的代碼通過將高度設(shè)置為auto，使得圖片高度自適應(yīng)容器寬度的大小。然后通過max-height屬性限制圖片高度不超過容器的最大高度，從而實現(xiàn)了圖片寬高相等的效果。

在實際應(yīng)用中，以上三種方法都可以用來實現(xiàn)CSS圖片寬高相等效果，具體選擇哪種方法可以根據(jù)實際情況而定。