css3的vw和vh |css3 旋转动画插件

width: 50vw;
height: 80vh;

上述代码表示宽度为视口宽度的50％，高度为视口高度的80％。

使用vw和vh可以使得网页在不同的设备上都能实现相对一致的尺寸和布局效果，而不必担心不同设备分辨率不同导致的样式不同的问题。

@media (min-width: 600px) {
.element {
font-size: 4vw;
}
}

上述代码表示在视口宽度大于等于600px时，字体大小将按照视口宽度的4％来确定。

需要注意的是，vw和vh是相对于视口的大小来定义的，而不是相对于元素或父元素的大小。因此，在应用vw和vh时需要特别注意。