2013-03-20 3 views
0

크로스 플랫폼 호환성으로 디자인해야하는 클라이언트 용 사이트가 있습니다. 나는 내가 css 코드를 잘못하고 있는지 모른다. 그러나 width 아래에있는 1024px은 으로 wrapper 너비를 설정합니다. 파이어 폭스를 768로 리사이즈 할 때, 소량의 수평 스크롤 (약 10px)이 생성됩니다. 그래서 730px로 타블렛을 사용하여 수평 스크롤을 얻지 못하도록했으나 동일한 문제가 모바일 해상도에서 발생했습니다.반응 형 CSS로 모바일 해상도에서 가로 스크롤

나는이 주제와 관련된 블로그의 대부분을 읽었으며 그들은 overflow-x:hidden을 제안하고있다. 이것은 이것을위한 최상의 해결책이 아닐 수도 있습니다. 이 문제를 해결하기 위해 나를 도우십시오.

사이트 링크 : 어떤 도움이 크게 감사합니다 socialelections

. repliers에 미리 감사드립니다.

+0

나는 파이어 폭스, 크롬과 안드로이드 크롬에서 아무 잘못 표시되지 않습니다. 내가 데스크톱 브라우저 파이어 폭스에서 볼 수 있어요 –

+0

, 여전히 폭 320 PX에서 수평 스크롤이있다. 그러나 나는 iphone (potrait와 풍경)에서 그 벌금 (이상한)을 조사했다. 하지만 여전히 데스크톱. – Santosh

답변

0

나는 귀하의 사이트에 대한 디버그를 수행하고 난 모든 장치에 대한 래퍼 컨테이너 폭이 있음을 알게되었습니다, 그것은 모바일보다는이 320에 대해 240 픽셀이어야합니다.

는 ... 모든 장치에 대해 당신이 여기 사이트의 URL을 확인하시기 바랍니다 http://mattkersley.com/responsive/

+0

는하지만 난이 아이폰에 체크 한 더 시간 스크롤하지만 같은 폭 (320 ~) 브라우저에서 스크롤 거기에 없다. – Santosh

관련 문제