{ width: 400px; height: 300px; }在这个例子中，大家直接给元素设置了宽度和高度，但是大家需要保持宽高比例一致，这时候大家可以通过重置宽度或高度来实现。
{ width: 100%; padding-top: 75%; }在这个例子中，大家通过padding来撑开元素的高度，这样使得元素的宽高比例保持了一致。
除了padding之外，大家还可以使用伪元素的方式来实现宽高比例的缩放。
.parent:after { content: ""; display: block; padding-bottom: 75%; }
.child { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }在这个例子中，大家利用了伪元素的content值为空，display值为block的特性，通过设置padding-bottom的值来让伪元素撑开高度。同时，大家使用了绝对定位的child元素，让它的宽和高都占满了父元素。这样，大家就实现了宽高比例的缩放。
总结来说，大家可以通过padding和伪元素的方式来实现宽高比例的缩放。对于不同的特殊情况，大家可以根据实际情况进行选择。这些方法都是CSS中比较常用的技巧之一，可以帮助大家更好地调整元素的宽高比例。