解决uniapp中100vh产生滚动条的问题

• 问题原因：因为 100vh 包含了浏览器的地址栏或状态栏高度，从而超出了实际可视区域

• 示例问题

  page {
      height: 100vh;
      background-color: #f0f0f0;
  }

• 解决方案

  • 使用calc()减去多余高度

    page {
        height: calc(100vh - 44px); /* 假设头部高度为 44px */
        overflow: hidden;
    }

  • 使用固定定位

    page {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }