vue单页面设置高度100%全屏

很多时候我们给单页面设置高度100%永远不会全屏

效果图 高度都是靠内容撑起来的

解决方式很简单

创建一个css

html, 
body, 
#app { 
height: 100%; 
margin: 0; 
padding: 0;
}

引入到全局 main.js中 就可以全局使用了

引入到app.vue 也会全局生效

background  背景图片会自动铺满父级元素