css3 vw,vh,vmin和vmax

相对于视口的宽度。视口被均分为100单位的vw
h1 {
font-size: 8vw;
}
如果视口的宽度是200mm,那么上述代码中h1元素的字号将为16mm,即(8×200)/100

比方说我们有一个1000px(宽)和800px(高)的视窗(Viewport)
vw——代表视窗(Viewport)的宽度为1%,在我们的例子里50vw = 500px。
vh——窗口高度的百分比 50vh = 400px。
vmin——vmin的值是当前vw和vh中较小的值。在我们的例子里因为是横向模式,所以50vim = 400px。
vmax——大尺寸的百分比。50vmax = 500px。