在CSS3中，我們可以很方便地讓元素的高度等于寬度，而不需要對其進行復雜的計算或使用JavaScript來實現。這個簡單而強大的屬性稱為“aspect-ratio”。

使用Aspect Ratio屬性，我們可以指定一個簡單的比例來定義元素的寬高比。這個屬性接受一個具有兩個整數的“X/Y”值，其中X是元素的寬度，而Y是元素的高度。例如：

在上面的例子中，我們將元素的寬度和高度設置為相同的值，因為“1/1”的值簡化為1，所以我們可以將其寫成“aspect-ratio: 1”。

這種方式可以允許我們在不同設備上創建具有相同比例的元素，而不需要擔心屏幕大小或分辨率的問題。例如，如果我們想要創建一個正方形的圖像或視頻播放器，只需設置aspect-ratio屬性即可：

這將確保圖像始終以正方形比例呈現，即使屏幕大小或分辨率發生變化。同樣地，我們可以使用“16/9”比例來創建一個寬高比為16:9的視頻播放器：

這將確保視頻始終以16:9的比例呈現，在任何大小的屏幕上都能得到最佳的視覺效果。

總之，Aspect Ratio屬性是CSS3中一個非常有用的屬性，允許我們輕松地將元素的高度等于寬度，并創建具有特定比例的元素，無論設備的大小或分辨率如何。