uni-app 页面高度出现问题

在uni-app开发中，页面高度异常通常由以下原因导致：

1. 页面未设置高度或高度计算错误

   • 检查页面容器是否设置height:100%
   • 确认页面根元素是否设置min-height:100vh

2. 布局方式影响高度计算

   • flex布局可能导致高度塌陷
   • 浮动元素未清除会影响后续元素定位

3. 平台差异导致

   • H5与小程序环境下的高度计算差异
   • 不同设备状态栏高度差异

建议检查步骤：

1. 使用浏览器开发者工具检查元素盒模型
2. 在onReady生命周期中打印窗口高度信息
3. 检查是否使用了position:fixed定位元素

可尝试的解决方案：

• 页面根元素设置样式：

page {
  height: 100%;
}