vh就是当前屏幕可见高度的1%,也就是说
height:100vh == height:100%;
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,
但是设置height:100vh,该元素会被撑开屏幕高度一致。
使用disply:flex;
align-items: center 不生效的时候
因为当前的div是没有高度的,所以不生效
设置height:100vh 即可生效
vh就是当前屏幕可见高度的1%,也就是说
height:100vh == height:100%;
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,
但是设置height:100vh,该元素会被撑开屏幕高度一致。
使用disply:flex;
align-items: center 不生效的时候
因为当前的div是没有高度的,所以不生效
设置height:100vh 即可生效