search

Mardanjan / Blog

学习笔记（在issues里），一些小demo的源码在这里，demo在线地址会持续更新
1 stars 0 forks source link

视窗VW,VH,VMAX,VMIN #11

Open Mardanjan opened 4 years ago

Mardanjan commented 4 years ago

vh and vm

父元素和子元素的宽高为xxvh 或者 xxvm的话，都是根据当前视口来取值，子元素并不会根据父元素的大小来取值，而是直接根据当前视窗来取值

vmax and vmin

如果将视口的宽和高均分为100分，那么vmax取较大的百分之一，vmin取较小的百分之一，不管是高还是宽 

当前视口的宽：50px，高70px
div {
 width: 10vmax;
 height: 10vmin;
}
div的宽和高为7px，高5px