css宽跟高一致

CSS中宽和高一致是指元素的宽度和高度相等，这是一种常用的布局方式，可以使元素呈现出正方形或者圆形的形状。

.square{
   width: 100px;
   height: 100px;
   background-color: red;
}

在上面的代码中，我们定义了一个名为square的class，它的宽度和高度都是100px，这就是宽和高一致的例子。

另外，我们也可以使用calc函数来实现宽和高一致，这样我们就可以通过计算来确定元素的尺寸了。

.circle{
   width: 100px;
   height: calc(100px);
   border-radius: 50%;
   background-color: blue;
}

上面的代码定义了一个名为circle的class，它的宽度是100px，高度使用calc函数计算得出，这里我们使用了border-radius属性来实现圆形效果。

总之，宽和高一致是一种能够让页面呈现出更优美的效果的布局方式。我们可以根据具体的需求来选择使用具体的方法实现宽和高一致。