CSS3的calc()函數是一個很實用的函數，它可以計算一些CSS值并將它們分配給元素的屬性。在此，我將介紹如何使用calc()函數創建一個可縮放的寬高比。

首先，我們需要在CSS中創建一個容器元素。我們將使用padding-bottom屬性來設置寬高比。例如，我們使用一個4：3的寬高比，那么我們需要設置padding-bottom為75%（即3/4 × 100 = 75）。

.container {
position: relative;
width: 100%;
padding-bottom: 75%; /* 設置4:3的寬高比 */
}

現在，我們需要在容器元素中創建一個具有絕對定位的子元素。我們可以使用left、top、right和bottom屬性來放置子元素。

.child {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 20px); /* 計算子元素的寬度 */
height: calc(100% - 20px); /* 計算子元素的高度 */
padding: 10px; /* 添加一些填充 */
}

如上所述，我們使用calc()函數來計算子元素的寬度和高度。在這個例子中，我們將容器的寬度和高度分別減去20個像素，然后將這些值分配給子元素的寬度和高度。我們還添加了10像素的填充來使子元素與容器留出一些間距。

最后，我們可以將任何內容添加到子元素中，并保證它會根據寬高比進行調整。如果我們更改容器的大小，則子元素將自動調整大小以適應。

總的來說，使用CSS3的calc()函數可以很容易地創建可縮放的寬高比。我們只需要在容器元素中設置padding-bottom屬性，并在子元素中使用calc()函數來計算寬度和高度。