Overflow-x iPod touch

Question

모바일 버전의 사이트를 만들고 있습니다. 3 개의 div가 있는데, 폭이 각각 33.33 % 인 몸체가 너비가 300 %이므로 (화면의 전체 너비이므로) 왼쪽으로 떠서 모든면을 나란히 놓고 슬라이드 할 수 있습니다. divs 사이의 링크를 클릭하여.

body 태그에 overflow-x: hidden;을 추가하여 가로 스크롤 막대를 제거했습니다. 데스크톱에서는 정상적으로 작동하지만 iPod touch에서는 손가락으로 가로 방향으로 드래그하여 스크롤 할 수 있습니다. 원하지 않는 경우도 있습니다. HTML head 섹션이 추가

Answer 1

시도 :

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

이 그것을 보는 장치의 폭이 페이지의 폭을 설정합니다. iOS 장치에서는 핀치 - 줌 제스처도 비활성화됩니다.

Answer 2

body 내의 래퍼 요소에 너비가 300%이어야합니다. 본문에 width:300%과 overflow-x:hidden이 모두있는 경우 숨기려는 콘텐츠의 너비가 300 %를 초과하면 body의 콘텐츠 만 숨길 수 있습니다.

body 내에 래퍼를 사용하여 my example을 참조하십시오.