CSS是一種用于定義網頁樣式的語言。它可以讓我們輕松地實現不同的布局效果，其中包括可以控制DIV元素的大小和比例縮放。

要讓DIV元素比例縮放，我們可以使用CSS中的aspect-ratio屬性和padding-top屬性。下面是給定CSS的代碼:

div {
aspect-ratio: 16 / 9;    /* 設置比例為16:9 */
padding-top: 56.25%;     /* 將padding-top設置為元素寬度的56.25%  */
}

這段代碼中，我們設置了aspect-ratio屬性為16:9，并將padding-top設置為56.25%。這是根據公式(9 ÷ 16) × 100計算出來的，它將把元素寬度的56.25%作為頂部填充，從而使元素按比例縮放。

這個技巧非常適用于創建響應式的視頻或圖像，因為它可以確保元素的比例在各種屏幕尺寸下保持一致。

現在我們可以在HTML中使用這個DIV元素，并將其內容放置在其中:

<div>
<img src="image.jpg" alt="Image">
</div>

使用這些CSS規則，圖片將按比例縮放并可以適應屏幕大小。這不僅可以提高用戶體驗，還可以使網站設計更加美觀和舒適。