我将viewport标记设置为480px所以在iPhone(纵向模式)中,网站的真实尺寸为：

当顶部栏可见时,> 480x534px
顶栏是> 480x594px
隐

然而,jQuery(窗口).height()和window.innerHeight和jQuery(窗口).InnerHeight()总是返回480x534px,并在尝试放置高度时在网站底部创建60px间隙：100％;宽度：100％;容器位于当前内容(弹出窗口)之上.

这已被报告为jQuery bug(和iPhone bug),但是有任何解决方法吗？

最佳答案 当iPhone上加载页面时,会出现顶栏.

这就是为什么$(window).height()将返回较小窗口的实际大小.

在顶部栏向上滑动一段时间后,窗口大小会发生变化.

所以你可以在(窗口).height()中添加一个常量来表示顶部栏大小或
hook up到$(window).resize()事件,以便在顶部面板消失后检索实际大小.