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 属性保证了图片的填充效果。

当需要在页面中使用图片或其他元素时，可以使用类似上面的代码进行设置。在具体应用时，需要注意容器元素的宽高比例和图片等元素的大小设置，以达到最佳的页面效果。