cq单位
- cq是元素的大小单位。它有cqw和cqh的两个写法。cq单位是子元素继承父元素的单位。1cqw是指子元素继承父元素宽度的1%;它需要搭配container-type:inline-size;,在子元素上使用cq。它可以设置元素的大小,还可以设置字体的大小。
<div class="box">
<span class="box-font first">第一行</span>
<div class="box-font second">第二行</div>
</div>
.box {
width: 200px;
height: 400px;
border: 1px solid black;
container-type: inline-size;
resize: both;
overflow: hidden;
}
.box-font {
font-size: 10cqw;
}
如图: