定位绝对iPad容器宽度问题

neg*_*lja 0 css css-position

我在iPad safari中查看问题,我的容器div调整大小以适应绝对定位的元素.iPad似乎将溢出元素的宽度添加到".content"980宽度并缩小以显示大约1080px的宽度.也许有一个属性迫使iPad只能扩大到980px宽度的内容?

我有一个带有内容类的容器div,并定义了以下css属性:

.content{
    position:relative;
    width:980px;
    height:100%;
    margin:0 auto;
}
.e1{left:880px;top:892px;width:300px}
Run Code Online (Sandbox Code Playgroud)

在内容中,我有一个超出980px宽度范围的绝对定位元素,如下所示:

<div class="content">   
   <div class="e1">
      <img src="images/elements/e1.png"/>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

iPad Safari截图

小智 5

我有一个类似的问题,并能够使用下面的代码修复它,希望这有助于......

html,body
{
width: 100%;
overflow-x: hidden;
}
Run Code Online (Sandbox Code Playgroud)