vh和vw相对于视口

在项目中,一般情况下都是内容高度来撑开父级高度得,但是!如果内容很少,并且父级想自己有高度呢,但是!父级又不能设置固定得高度,因为在不同设备下,机型得高度又是不同的!可以用vh来设置当前视口得高度
Vw:相对于视框的宽度:视框宽度是100Vw
Vh:相对于视框的高度:视框高度是100Vh
用calc来计算

calc(100vh - 10px)  表示整个浏览器窗口高度减去10px的大小
calc(100vw - 10px)   表示整个浏览器窗口宽度减去10px的大小

猜你喜欢

转载自blog.csdn.net/weixin_43906597/article/details/109350118