iphone - iPad Overlay 没有完全覆盖屏幕

Question

我使用模态 div 作为覆盖层，以在覆盖层 DIV 打开时禁用背景页面。这是代码；

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

现在这在桌面浏览器上运行良好，但在 iPad 上，叠加窗口仅覆盖屏幕高度，而不是整个页面。我该如何解决这个问题？

我知道有一些已知的 position:fixed issues 并且提供固定的 px 高度值可以解决这个问题？

但是如果这个问题有任何其他解决方法，请告诉我。

Answer 1

我通过使用 jQuery 计算整个页面的大小，然后相应地设置覆盖高度，在我的网站上解决了这个问题。