vue设置页面的高度100%
1.设置全局页面高度在vuecli init的默认工程里面,App.vue 页面中加//App.vue 页面中<style>html,body,#app{height: 100%;background:rgba(38, 24, 49,.6);}</style>2.设置单个页面的高度100%用css3 的相对于视口的高度 vh<template><div c
·
1.设置全局页面高度
在vuecli init的默认工程里面,App.vue 页面中加
//App.vue 页面中
<style>
html,body,#app{
height: 100%;
background:rgba(38, 24, 49,.6);
}
</style>
2.设置单个页面的高度100%
用css3 的相对于视口的高度 vh
<template>
<div class="dataScreen " >
<div style="height:100vh;" ></div>
</div>
</template>
更多推荐
已为社区贡献10条内容
所有评论(0)