iPad가 콘텐츠를 자르지 않는 문제가 있습니다.iPad 모바일 사파리가 CSS를 통해 콘텐츠를 자르는 것을 방지합니다.
너비가 iPad 해상도를 초과하는 동안 나는 왜 가로로 스크롤하지 않더라도 잘리는 지 이해할 수 없습니다.
가장 적합한 방법에 대한 통찰력을 얻으실 수 있습니다.
사이트는 here이며 스크린 샷이 첨부되어 있습니다.
이
아마도 문제가되는 코드의 일부입니다 : 편집중인#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}
래퍼 div에서 overflow:hidden을 제거하면 원하는 모양을 얻을 수 있습니다. 나는 이것을 나의 새로운 iPad에 Adobe Shadow의 원격 검사 (demo)를 사용하여 확인했다. 이렇게하면 스크롤 방지하기 위해 메타 태그로 뷰포트 클리핑을 복원 할 수 있습니다 : 이 <meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
흥미롭게도, 코드에서 뭔가가 <body> 요소의 폭을 제한한다. 이를 추적하면 더 나은 솔루션을 얻을 수 있습니다.
가정은 당신의 웹 페이지의 아닌 아이 패드의 잘못 ... 당신의 CSS에서 는 나도 제안 그것을 구제하려고 자동 또는 100 % 너비를 설정?
Ipad의 화면이 1024px가 아닌가요? 다른 코드에 따라 화면이 허용하는 것보다 더 넓을 수 있습니다.
또한 위의 제안을 따르십시오. 그가 그것을 지적 할 때까지 그것을 알아 차리지 못했습니다.
이것은 뷰포트를 클리핑한다는 사실과 관련이 있습니다. 이 줄을 '
'에서 제거하고 동일한 문제가 발생하면 알려주십시오. '' –같은 문제를 잘라내는 것처럼 보입니다. 나는 행운을 빌어 메타 태그를 조정 해 보았습니다. 당장 나는 그것을 완전히 제거했다. – jsuissa