在CSS樣式中，設(shè)置元素的高和寬相等是一個常見的需求，為了實現(xiàn)這一點，你可以使用CSS的height和width屬性，或者利用CSS的盒模型（Box Model）來設(shè)置元素的尺寸。

使用height和width屬性

你可以直接為元素設(shè)置相同的height和width值，以確保它們相等。

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

使用盒模型

CSS的盒模型允許你通過padding、border和margin來調(diào)整元素的大小，你可以利用這個模型來創(chuàng)建高度和寬度相等的元素。

.box {
  padding: 20px;
  border: 2px solid #000;
  margin: 10px;
}

在這個例子中，元素的實際高度和寬度將由padding、border和margin共同決定，你可以根據(jù)需要調(diào)整這些值。

響應(yīng)式設(shè)計

在響應(yīng)式設(shè)計中，你可能需要根據(jù)屏幕大小動態(tài)調(diào)整元素的高和寬，這可以通過媒體查詢（Media Queries）來實現(xiàn)。

.box {
  height: 100%;
  width: 100%;
}
@media (max-width: 600px) {
  .box {
    height: 200px;
    width: 200px;
  }
}

在這個例子中，.box元素在屏幕寬度小于600px時，其高度和寬度將調(diào)整為200px。

- 使用height和width屬性直接設(shè)置高度和寬度。

- 利用CSS的盒模型通過padding、border和margin來調(diào)整元素大小。

- 使用媒體查詢根據(jù)屏幕大小動態(tài)調(diào)整元素的高和寬。

這些方法可以幫助你根據(jù)需要創(chuàng)建高度和寬度相等的元素，并且實現(xiàn)響應(yīng)式設(shè)計。