cextent在css中

cextent是一种CSS的度量单位，它的计算方式是根据浏览器窗口的宽度而变化的。它的主要作用是为设计响应式布局提供方便。

cextent的缩写为cx，它的计算公式是1cx等于1%的浏览器窗口宽度（即视口宽度），可以表示为：

1cx = window.innerWidth * 0.01

使用cextent作为CSS度量单位，通常需要将它与CSS的calc()函数结合使用，例如：

div {
    width: calc(50cx - 10px);
    height: calc(100cx - 20px);
}

在上面的例子中，div的宽度是浏览器窗口宽度的50%减去10像素，高度是浏览器窗口宽度的100%减去20像素。

需要注意的是，cextent只是相对于浏览器窗口宽度而言的单位，如果浏览器窗口发生大小变化，那么使用cextent的元素的大小也会随之变化。

总之，cextent是一种非常有用的CSS度量单位，可以帮助设计师更方便地创建响应式布局。