在網頁設計中，我們常常需要對圖片進行調整，使之符合我們的設計要求。其中一個重要的方面是圖片的比例。在 CSS 中，我們可以使用 div 元素來對圖片的比例進行調整。

/* 在CSS中設置div的寬高比 */
div {
width: 100%;
padding-bottom: 75%;
position: relative;
}
/* 在CSS中設置img元素的寬高比 */
img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

上面的代碼示例中，我們使用 div 元素的 padding-bottom 屬性來實現了圖片的比例控制。padding-bottom 的值為百分比，表示元素的寬度，因此我們可以設置不同的值來調整圖片的不同比例。

同時，我們也需要為 img 元素設置 width 和 height 屬性，使之與 div 元素的寬高比相同。這樣，就可以實現圖片的完整展示，而不出現拉伸或壓縮的情況。

總之，在設計網頁時，合理控制圖片比例是非常重要的。使用 CSS 中的 div 元素來進行比例調整，能夠讓我們的網頁更加美觀和專業。