位置絕對iPad容器寬度問題

Question

我在iPad Safari瀏覽器中查看問題，其中我的容器div正在調整大小以適應絕對定位元素。 iPad似乎將溢出元素的寬度添加到「.content」980寬度，並縮小顯示約1080px的寬度。也許有一種屬性迫使iPad只能將內容寬度設置爲980px？

我有類的具有以下CSS屬性內容物的容器的div定義：

.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

添加到您的頭上：

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

編輯：

好了，說完看了你的代碼，並在屏幕上，我可以看到在您設置頂部和左側，但沒有包括「位置的元素其實不是絕對的定位：絕對;」。 Anywho，看來這個問題是圖像的寬度，以便將它添加到你的CSS

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

Answer 2

我有一個類似的問題，並能夠用下面的代碼它來解決，希望這有助於...

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