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效果，同時也提高了代碼的重用性和可維護性。