css中vw单位怎么算 |css中的valus

vw = 视口宽度的1/100

举个例子，如果视口宽度是1000px，那么1vw就是10px，即：

1vw = 1000px / 100 = 10px

因此，使用vw单位可以实现响应式布局，即不需要使用@media查询在不同设备宽度下切换样式，而可以直接根据视口宽度设定元素的尺寸。

可以使用vw单位的CSS属性有宽度、最小宽度、最大宽度、字体大小、边框宽度等。例如：

/* 将元素的宽度设为视口宽度的50% */
width: 50vw;
/* 将元素的最小宽度设为视口宽度的200px */
min-width: 200px;
/* 将元素的字体大小设为视口宽度的3% */
font-size: 3vw;
/* 将元素的边框宽度设为视口宽度的1px */
border: 1vw solid black;