CSS中的寬高自動比例是指在設置元素的寬度或高度時，可以根據圖片或視頻的比例自動調整元素的另一維度（寬度或高度），從而保持寬高比例不變。

例如，當我們想要設置一個圖片展示的 div 元素，并讓它的寬度自適應效果顯示，可以定義如下代碼：
img{
width: 100%;
height: auto;
}

上面的代碼中，將寬度設置為 100% 再將高度設置為自動，就能自動適應不同大小的圖片，保持寬高比例不變。

同理，如果我們想要在一個視頻展示的 div 元素中展示自適應的視頻效果，可以定義如下樣式：
video{
width: 100%;
height: 0; 
padding-bottom: 56.25%; 
}

上面的代碼中，首先將寬度設置為 100%，高度設置為 0，然后通過 padding-bottom 來設置元素的高度，實現比例縮放效果。

總結來說，CSS中的寬高自動比例可以讓我們在設計 Web 頁面時更加靈活地展示各種圖像、視頻等元素，使得元素在不同的設備上都可以得到最佳的顯示效果。