如何設(shè)置CSS高度等于寬度

在CSS中，我們可以使用height和width屬性來(lái)設(shè)置元素的高度和寬度，如果想要讓元素的高度等于寬度，可以通過(guò)以下兩種方式來(lái)實(shí)現(xiàn)：

1、使用height和width屬性，將高度和寬度設(shè)置為相同的值。

.box {
  height: 100px;
  width: 100px;
}

2、使用aspect-ratio屬性，該屬性可以保持元素的高度和寬度之間的比例。

.box {
  aspect-ratio: 1;
}

需要注意的是，aspect-ratio屬性在早期的CSS規(guī)范中并未被定義，因此可能不被所有瀏覽器支持，在實(shí)際應(yīng)用中，可以根據(jù)需要選擇適合的方式來(lái)實(shí)現(xiàn)高度等于寬度的效果。