CSS中經常出現需要讓元素的高度和寬度相等的情況。這種情況可以通過設置元素的高度和寬度相等來實現。我們可以使用下面的代碼

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

上面的代碼將元素的寬度和高度都設置為了100px，從而讓元素成為一個正方形。但是這種方法有一個局限性，那就是當需要制作不同大小的正方形時，我們需要手動計算每個元素的寬度和高度，這不僅費時費力，也容易出錯。

幸運的是，CSS3提供了一個新的屬性，可以輕松實現高度等于寬度的效果。這個新屬性就是aspect-ratio，它可以通過比例值來設置元素的寬高比。例如，下面的代碼可以讓一個元素的寬高比為1:1：

.aspect {
aspect-ratio: 1 / 1;
}

這個屬性非常適合用來制作正方形，因為我們可以讓比例值為1:1，從而滿足高度等于寬度的需求。而且，使用aspect-ratio屬性可以讓代碼更加簡潔，而且對于不同大小的正方形也非常方便。

總結一下，如果你需要讓元素的高度和寬度相等，可以使用width和height屬性，但是這種方法有限制；如果你需要制作不同大小的正方形，或者想要讓代碼更加簡潔，可以使用aspect-ratio屬性。