vh单位, 是相对视口高度的计算结果, 可以直接实现移动端适配效果.

1vh=1/100 视口高度.

例子:

HTML

<div></div>

CSS

div {
	width: 50vh;
	height: 50vh;
	background-color: red;
}

问题

vw和vh不能混用, vh是视口高度, 全面屏视口高度尺寸大, 如果混用可能导致盒子变形.

版权所有

版权归属：洱海

许可证：署名 4.0 国际 (CC-BY-4.0)

编辑此页

贡献者: 洱海

上一页vw 单位

下一页尾声