vue中高度给100%,底部还是留白

在vue中,如登录界面,最外的div 高度给100%,底部还是有留白

解决方案: 宽度给了100vw,高度给了100vh

这里说到适配问题,只谈100%和100vh的区别: 
vh就是当前屏幕可见高度的1%,也就是说

100vh == 100%,

如果当元素没有内容的时候，设置height:100%该元素不会被撑开，

但是设置height:100vh，该元素会被撑开屏幕高度一致。