定位绝对iPad容器宽度问题

Question

我在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}

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

<div class="content">   
   <div class="e1">
      <img src="images/elements/e1.png"/>
   </div>
</div>

Answer 1

我遇到了类似的问题，并且可以使用下面的代码修复它，希望这有帮助......

html,body
{
width: 100%;
overflow-x: hidden;
}

Answer 2

将此添加到您的脑袋：

<meta name="viewport" content="width=980, user-scalable=0" />

编辑：

好的，看了你的代码和屏幕，我可以看到元素实际上并不是绝对定位的，因为你设置了顶部和左边但没有包含“position：absolute;”。 Anywho，似乎问题是图像的宽度，所以将它添加到你的CSS

.e1 img{
    width:100%;
    height:auto;
}