App.vue全屏展示的只有一小半
来源：4-5 动态组件切换
小风又满楼
2020-05-21
<template>
<div id="app">
<router-view/>
</div>
</template>
<style lang="scss" scoped>
@import '@css/style.scss';
#app{
width: 100%;
height: 100%;
background-color: salmon;
}
</style>
那个背景是就是App.vue中设置的背景色。
写回答
3回答
-
小风又满楼
提问者
2020-05-21
没事了，我在app.vue的样式里也设置了局部的那个标签。
012020-05-22 -
小风又满楼
提问者
2020-05-21
我看您的视频里面也只是在app.vue跟其他组建里面设置了100%的高度就可以全屏了，我是漏了什么配置么
00 -
Sunday
2020-05-21
你好：
app 这个div 的高度是被内容撑起来的 。 所以如果想要 铺满全屏， 那么你需要把 shopping 的高度调高撑起 父组件。
或者给 div 为 app 的元素 父组件，让他的高度撑满全屏
00
相似问题