CSS 寬高保持比例是一種常見的頁面設計技巧，它可以保證元素在縮放時，寬高比例不會改變，從而保持頁面的美觀性和一致性。

.box {
width: 50%; /* 設置寬度 */
position: relative;
}
.box:before {
content: '';
display: block;
padding-top: 100%; /* 設置高度 */
}
.box img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; /* 把圖像按照元素的寬高比例填充到元素中 */
}

上面的代碼展示了一種實現 CSS 寬高保持比例的方式。我們通過給容器元素設置寬度并使用一個偽元素設置高度，從而保證了元素寬高比例的一致性。同時，我們通過絕對定位和 object-fit 屬性保證了圖片的填充效果。

當需要在頁面中使用圖片或其他元素時，可以使用類似上面的代碼進行設置。在具體應用時，需要注意容器元素的寬高比例和圖片等元素的大小設置，以達到最佳的頁面效果。