在CSS中，我們可以使用百分比來設置元素的高和寬，使它們成比例，以下是一些示例代碼：

1、設置元素寬度為100%，高度為50%：

.element {
  width: 100%;
  height: 50%;
}

2、設置元素寬度為50%，高度為100%：

.element {
  width: 50%;
  height: 100%;
}

3、設置元素寬度為20%，高度為40%：

.element {
  width: 20%;
  height: 40%;
}

這些代碼將使元素的高和寬成比例，無論屏幕尺寸如何變化，這種方法在響應式設計中非常有用，可以確保元素在不同設備上具有一致的外觀和感覺，它還可以避免使用像素或em等相對單位，從而簡化代碼并提高可維護性。