2012-08-27 2 views
1

내 페이지의 본문 상단에 15 픽셀의 테두리가 있습니다.상단 테두리가 iPad에서 전체 너비를 확장하지 않습니까?

iPad에서는이 테두리가 잘리고 오른쪽에 공백이 남습니다.

스크린 샷 - http://cl.ly/image/0m1V3T2D3A0j

가 어떻게 경계가 아이 패드에 뷰포트의 오른쪽 가장자리로 확장 확인 할 수 있습니까? 나는 width : body 요소에 100 %를 추가하려고 시도 했었고, 몇 가지 수정을했다. 문제를 해결할 수 없다.

+0

'max-width : 1024px;'? 정확하게 좋은 수정은 아니지만이 CSS를 'only iPad'로 설정하면 올바르게 작동합니다. – khaverim

답변

1

신체 내용이 iPad에서 너무 넓기 때문입니다. # all-logo는 1157px 와이드입니다. iPad 해상도는 1024 × 768입니다. 즉, iPad 3에서 해상도 2048 × 1536으로 보시면 작동 할 것입니다.

모바일 장치에 대한 일부 조건부 서식을 추가 할 수 있습니다.

+0

고마워요. 우리 고객은 그것이 그렇게 넓기를 원했습니다. 이유를 모르겠다. 나는 그림 프레임의 크기를 더 좁게 조정할 것이지만, 안타깝게도 CSS 롤오버를 사용하여 만들어졌습니다. – Scully

+1

좋다. 나는 테두리를 제거하고 몸통 상단의 15px div에 최소 너비를 추가했습니다. 그 트릭을해야합니다. – Scully

+0

좋은 해결책 :) – zenkaty

관련 문제