iPad覆盖并不完全覆盖屏幕

问题描述：

我使用模态div作为覆盖，以在叠加DIV打开时禁用背景页面。这是代码;iPad覆盖并不完全覆盖屏幕

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

现在这个工作在桌面浏览器不错，但在iPad上，叠加窗口只覆盖高达屏幕高度，而不是整个页面。我如何解决这个问题？

我知道有一些已知的位置：固定的问题，也给一个固定的px高度值可以解决这个问题？

但是，请让我知道是否有任何其他解决此问题的解决方法。

你是什么意思“屏幕高度，但不是整个页面？”你有截图给我们看吗？ – Kyle

位置：固定不工作在iPad和iPhone – sandeep

当我说屏幕高度，我实际上意味着可见的浏览器高度（或称视觉高度大约768px）...我也知道位置：固定不起作用iPad ..这就是我正在寻找解决方法而不是解决方案的原因... – testndtv

答

足够的便利，在iPad支持：

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”css/portrait.css”>

和/或

<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”css/landscape.css”>

我建议使用最小宽度/最小高度在ipad.css文件。

这如何帮助达到我想要的覆盖问题？ – testndtv

然后你需要更彻底地定义你的问题，而不是之后编辑它 –

我以后没有编辑过我的问题......你在哪里看到我的问题中的“编辑”链接？ – testndtv

答

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