Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Iphone iPad覆盖层不能完全覆盖屏幕_Iphone_Html_Css_Ipad_Overlay - Fatal编程技术网

Iphone iPad覆盖层不能完全覆盖屏幕

Iphone iPad覆盖层不能完全覆盖屏幕,iphone,html,css,ipad,overlay,Iphone,Html,Css,Ipad,Overlay,我使用一个模态div作为覆盖,在覆盖div打开时禁用背景页面。这是代码 #TB_overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } 现在,这在桌面浏览器上运行良好,但在iPad上,覆盖窗口只覆盖屏幕高度,而不覆盖整个页面。如何解决此问题 我知道有一些已知的立场:固定的问题,同时给出一个固定的px高度值可以解决这个问题吗 但是,

我使用一个模态div作为覆盖,在覆盖div打开时禁用背景页面。这是代码

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
现在,这在桌面浏览器上运行良好,但在iPad上,覆盖窗口只覆盖屏幕高度,而不覆盖整个页面。如何解决此问题

我知道有一些已知的立场:固定的问题,同时给出一个固定的px高度值可以解决这个问题吗


但是,请告诉我是否有其他解决此问题的方法。

足够方便,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文件中使用最小宽度/最小高度。

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

你说的“屏幕高度而不是整个页面”是什么意思你有屏幕截图让我们看吗?位置:fixed在ipad和iPhone中不起作用当我说屏幕高度时,我实际上指的是可视浏览器高度(或者说大约768px的可视视口高度)…我也知道位置:修复在iPad中不起作用..这就是我寻找解决方法而不是解决方案的原因…这对解决覆盖问题有什么帮助?然后你需要更彻底地定义你的问题,而不是事后编辑我没有编辑我的问题…你在哪里看到问题“编辑”链接在我的问题?虽然这是一个答案,它不解决手头的问题。请考虑修改?