CSS是前端開發(fā)中必不可少的一環(huán)，其中對(duì)于圖片的處理是非常重要的。在設(shè)計(jì)網(wǎng)頁時(shí)，圖片的尺寸大小往往需要和網(wǎng)頁布局保持一致，那么如何使用CSS來規(guī)定img的寬高相等呢？這里給出一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方法：

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

代碼中，設(shè)置了img元素的寬度和高度均為200px，同時(shí)利用object-fit屬性按比例縮放圖片，保持圖片填滿整個(gè)區(qū)域。這里將object-fit 設(shè)置為cover，表示圖片會(huì)以等比例拉伸或者壓縮來完全覆蓋其容器。

需要注意到的是，對(duì)于一些過于寬或者過于高的圖片，寬度或者高度可能會(huì)超過設(shè)置的200px。為了避免這種情況的發(fā)生，還需要給圖片設(shè)置max-width 和max-height屬性，如下所示：

img {
width: 200px;
height: 200px;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}

代碼中，除了設(shè)置寬度和高度為200px之外，還指定了圖片的最大寬度和最大高度均為100%，這樣能使圖片保持在設(shè)置大小范圍之內(nèi)，不會(huì)出現(xiàn)拉伸或者壓縮變形的情況。

總結(jié)來說，通過設(shè)置img元素的寬度、高度、最大寬度和最大高度以及object-fit屬性，就可以讓圖片達(dá)到寬高相等的效果了。值得注意的是，在實(shí)際開發(fā)中，可能需要根據(jù)不同的布局對(duì)圖片的尺寸做出適當(dāng)?shù)恼{(diào)整。