为什么我的网站不在移动设备或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;属性。我希望我表达自己。 对不起，我的英语:)