苹果手机ios端，页面向上溢出屏幕，导致顶部导航栏未显示

给页面最外层的div加上class属性

<div :class="{ box: true, ios: isIos == true }">


//页面所有结构代码




</div>

判断是否为苹果手机，是的话把isIos赋值为真

  created() {
    var agent = navigator.userAgent;
    if (/iphone|ipad|ipod/i.test(agent)) {
      console.log("是苹果手机");
      this.isIos = true;
    }
   
  },




  data(){

      isIos: false

  }

ios的样式代码

<style lang="scss" scoped>

.ios {
  padding-top: 44px !important;
}

</style>