在CSS中，我們經常需要指定元素的高度和寬度。有時候，我們需要讓這些高度和寬度成比例，以便元素在不同設備和屏幕尺寸下仍然看起來整潔美觀。以下是一些方法可以讓高度和寬度成比例。

/* 使用百分比 */
div {
width: 50%;
height: 0;
padding-bottom: 50%;
}
/* 使用固定寬度和高度 */
div {
width: 200px;
height: 200px;
}
div img {
width: 100%;
height: auto;
}
/* 使用viewport單位 */
div {
width: 50vw;
height: 50vw;
}
/* 使用padding百分比 */
div {
width: 200px;
padding-bottom: 100%;
}

以上方法都可以讓高度和寬度成比例。不管你使用哪種方法，你需要知道元素的高度和寬度相互關聯，并且你可能需要進行一些微調才能達到你想要的效果。記住，在使用這些方法時，確保你的布局和內容不會被壓縮或變形，這樣才可以讓你的網站看起來更漂亮。