핸드 헬드 장치의 화면 너비 오버플로

Question

현재 모바일보기 페이지 (핸드 헬드, 예를 들어 세로보기의 iphone)의 CSS로 고심하고 있습니다. 이상하게도, 몸체/내용 컨테이너의 오른쪽에 대략 90 픽셀의 여백이 있습니다. 나는 그 이유를 알지 못합니다 - 어떤 생각입니까?

는 여기를 참조하십시오 http://quirktools.com/screenfly/#u=http%3A//bigbertha.golfanatics.de/testsite/&w=320&h=480&a=33&s=1

URL : http://bigbertha.golfanatics.de/testsite/index.php

어떤 힌트 사전에 감사합니다! 안부 인사, 랄프

Answer 1

할 수있는 일은 이것입니다.

body { 
    overflow-x:hidden; 
} 

이렇게하면 모바일에서 스크롤 막대가 제거됩니다. (에서 왼쪽에서 오른쪽으로)

편집 : 나는 귀하의 사이트에서 다른 모습을했다, 당신은 그 줄을 제거하여 HTML 요소

html { 
    overflow-y:scroll; 
} 

에이를 것으로 나타났습니다, 봐라 :

Answer 2

폭을 #roksearch_results으로 지정하고 opacity: 0;을 적용하면됩니다. 이 div에 display: none; (너비를 100 %로 변경)해야합니다.

#roksearch_result { 
display: none; 
} 

그리고 너도 너의 너비를 뛰어 넘는 사교 미디어 탐색으로 변환 할 수 있습니다. 당신은 넘칠 수 있습니다 : 내비게이션을 숨겨 뒀지 만 이것은 사회에 모여있는 곳을 숨길 것이므로 overflow-x:hidden에게 제안 할 것입니다.

#body { 
    overflow-x: hidden; 
}