在我們進行頁面布局時，經(jīng)常需要對圖片進行樣式調(diào)整，使圖片達到我們想要的效果。其中，有一種常見的情況就是把圖片調(diào)整為正方形。本文就來介紹一下如何用CSS來實現(xiàn)這一效果。

首先，我們可以使用寬高相等的方式使圖片成為正方形。具體代碼如下：

.square-img {
width: 200px;
height: 200px;
}

然而，這時候，如果圖片本身的尺寸比200x200px大或小，就會被拉伸或壓縮，從而失真。為了避免這種情況，我們可以使用object-fit屬性來設(shè)置對象適應容器的方式。

具體代碼如下：

.square-img {
width: 200px;
height: 200px;
object-fit: cover;
}

在這個代碼塊中，我們將寬高同時設(shè)置為200px，并對它們應用了object-fit: cover屬性。這個屬性的作用是使圖片完全填充父容器，并保持原圖比例的同時，裁剪超出部分，實現(xiàn)從而實現(xiàn)自適應容器的效果。

總之，在對圖片進行布局時，如果想要讓圖片呈現(xiàn)正方形，可以參考以上兩種方式，具體選擇取決于實際情況。