CSS宽跟高一致是一种常见的CSS技巧，它可以实现元素的宽度和高度相同，适用于一些需要呈现正方形或等高元素的场景。

实现宽跟高一致的方法很多，其中一种最简单的方法是使用padding来控制元素的宽度和高度。具体实现代码如下：

.square {
width: 100%;
height: 0;
padding-bottom: 100%;
}

这里设置了元素的宽度为100%，高度为0，然后通过设置padding-bottom为100%来撑开元素的高度。padding-bottom的值为元素宽度的百分比，因此最终实现宽跟高一致。

另外一种实现方法是使用CSS的伪元素:before或:after，例如：

.square {
position: relative;
}
.square:before {
content: "";
display: block;
padding-top: 100%;
}

这里通过设置伪元素:before的padding-top为100%来实现宽跟高一致。同时，为了让伪元素撑起来的高度不影响其他元素，需要将元素的position属性设置为relative。

总之，实现宽跟高一致可以让我们更快更方便地实现一些常见的UI效果，同时也提高了代码的重用性和可维护性。