Vue中html全屏背景色（height：100%不能生效时）

有以下两种方法

1、把百分比符号换成“vh”(推荐)

.box {
  height: 100vh;
  background-color: rgb(44, 88, 233);
}

2、在全局样式表common.css(自己起名字)中设置#app的高度为100%，再在所需页面设置#app的背景颜色

common.css中：

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

组件中：

#app {
  background-color: pink;
}