내 사이트가 모바일 또는 ipad의 페이지 중앙에 있지 않은 이유는 무엇입니까?

Question

내 테스트 웹 사이트는 컴퓨터 브라우저에서 잘 보이지만 아이폰 (그리고 나는 다른 모바일 장치라고 가정하고 있음)은 내용이나 배경의 중앙에 있지 않습니다. iPad에서는 배경을 중심으로하지 않지만 콘텐츠를 중심에두고 있습니다. 때문에 귀하의 #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

그건 :

여기 내 CSS의 일부입니다. 실제로 그것은 데스크탑에서도 중앙에 있지 않습니다. 바닥을 보면 스크롤을 볼 수 있습니다. 소셜 div에는 친척이 있지만 너비 속성이 없으며 이제 1,000px입니다. 단순히 오른쪽으로 넘칠 수 있습니다. 따라서 # 소셜 div에 width 값을 주거나 #header div에 overflow:hidden; 속성을 부여 할 수 있습니다. 나는 나 자신을 표현하기를 바란다. 내 영어로 죄송합니다.