Vue ios端页面出现滑动并且底部出现空白,这是为啥?

Question

1,在ios端空白页面(Vue 嵌套在APP中)写如下样式

<template>
  <div
    class="health"
  >
  </div>
</template>

<style lang="less" scoped>
.health{
  height: 100vh;
  background: #000000;
}
</style>

页面展示状态

2, 然后这个时候可以进行上下的滑动,并且底部出现空白,这是为啥? 只有ios端会有这个情况

Answer 1

这个应该是ios全面屏手机手势操作条的空间，可以找iPhone7或八这种不是全面屏的试一下是否还有