iOS 7에서 배너/웹 페이지의 오른쪽에 공백을 넣지 않고

Question

내 사이트의 연락처 페이지에서만 배너/웹 페이지의 오른쪽에 공백이 있으며 내 iPhone에만 표시됩니다 (I haven 다른 휴대 기기를 확인하지 않았습니다.) Safari, Chrome, Firefox 및 Opera를 사용하여 Macbook Pro에서 내 사이트를 볼 때 슬라이버가 표시되지 않습니다. 다른 웹 페이지도 괜찮습니다. 심지어 내 iPhone에도 있기 때문에 소셜 미디어 버튼 또는 메일 링리스트 형식과 관련이 있다고 생각합니다. CSS를 확인했는데 쉽게 문제를 찾을 수 없었습니다. 나는 버튼/폼 주위에 퍼팅을 시도하고 너비를 100 % 미만으로 만들었지 만 잘못하지 않으면 작동하지 않는 것 같습니다.

휴대 전화를 세로에서 가로로 돌릴 때 페이지가 커지고 화면의 프레임에 맞게 확장되지 않는다는 점만 제외하면 끔찍한 문제는 아닙니다. 이것은 다른 페이지 중 하나에서 발생하지 않으므로 나는 그 페이지가 오른쪽에있는 슬라이버와 관련이 있다고 가정하고 있습니다.

http://therevolution.jmoon.net/contact.html

Answer 1

픽스는 83 행으로 아래 추가 된 FB-같은 - 상자 :

style="max-width: 90%; overflow: hidden;" 

Answer 2

@media only screen and (min-width: 481px)에 displat:inline 제거하고 이런 display:block을 설정

layour.css 라인 : 129

#navigation ul li { 
display: block; 
margin-right: 1.5%; 
margin-left: 1.5%; 
border: 1px solid #33C; 
background-color: #F2F2FF; 
padding-top: 0.3em; 
padding-right: 0.6em; 
padding-bottom: 0.3em; 
padding-left: 0.6em; 
}