爲什麼我的網站不在移動設備或ipad的頁面上？

Question

我的測試網站在計算機瀏覽器上看起來不錯，但是在iPhone上（我假設有其他移動設備），它並不集中於內容或背景。在iPad上，它不是以背景爲中心，而是以內容爲中心。

這裏是我的CSS的一部分：因爲你的#social股利

body { 
    background-image:url(../images/background.jpg); 
    background-color:#000; 
    background-repeat:repeat-y; 
    background-position:center top; 
    font-family:"Courier New", Courier, monospace; 
    font-weight:bold; 
} 

#container { 
    width:1000px; 
    margin:auto; 
    overflow:hidden; 
    padding: 0; 
} 

#header { 
    height:145px; 
} 

#nav { 
    height:50px; 
    margin-bottom:15px; 
} 

#main-home-left { 
    width:550px; 
    background-image: url('../images/text-bkgd1.png'); 
    background-repeat:repeat-y; 
    background-size: 650px auto; 
    float:left; 
    padding: 10px 50px 0 50px; 
    text-align:center; 
    min-height: 400px; 
} 

#main-home-right { 
    width:300px; 
    float:left; 
    padding: 10px 25px 10px 25px; 
    text-align:center; 
} 

Answer 1

它。實際上它並沒有集中在桌面上。如果你看看底部，你可以看到滾動。您的社交分享具有相對性，但它沒有寬度屬性，現在爲1000px。簡單地溢出到正確的。所以你可以給你的#social div一個width值，或者你可以給你的#header div overflow:hidden;屬性。我希望我表達自己。 對不起，我的英語:)