绝对定位iPad Stretch跨屏幕

时间:2013-12-03 07:39:18

标签: html css ipad absolute

我正在尝试为我的网页在屏幕上拉伸标题,同时它必须略微覆盖其下方的元素。 我在这个任务中使用position:absolute,它在所有浏览器中都是魅力,除了在iPad上。

样式看起来像这样

#headerElement {
 left:0px;
 right:0px;
 top:0px;
 height:100px;
}

问题是,在iPad上,它只延伸到屏幕的75%(即使我已经添加了视口元素)

你们是否有任何想法/线索如何解决这个问题?

最好的问候。 纳斯

2 个答案:

答案 0 :(得分:0)

您是否给了标题宽度? width:100%;

答案 1 :(得分:0)

关闭此问题,因为它已修复。

问题是一个具有固定宽度的div,当进入iPad时,宽度超出了视口,因此操纵了设备宽度。

通过使用较低宽度设备时响应100%包装来修复。