在CSS中，我們可以通過設置一個比例來調整元素的大小。這個比例可以使用百分比或者 rem 值來設置。

/* 使用百分比設置比例 */
.box {
width: 50%;
padding-bottom: 50%; /* 設置高度為寬度的50% */
background-color: #ccc;
}
/* 使用 rem 值設置比例 */
.box {
width: 30rem;
height: 20rem;
padding-bottom: 66.67%; /* 設置高度為寬度的66.67% */
background-color: #ccc;
}

上述代碼中，我們使用了 padding-bottom 屬性來設置元素的高度。當使用百分比設置比例時，元素的寬度會影響到其高度；當使用 rem 值設置比例時，需要手動計算高度。

使用比例來調整元素的大小可以適應不同分辨率的設備，讓網站在各個平臺上看起來更加美觀。