큰 사이즈의 div가 ipad에 잘못 표시됨

Question

나는 4000 픽셀 너비와 높이의 div를 가지고 있으며, iPad에서는 제대로 표시하고 싶지 않습니다. Safari에서, 다워야 표시하는 방법이다 (끔찍한 기울기를 무시하십시오, 그것은 거친 알파이야!) :

http://i.stack.imgur.com/UmAjD.png

창에 정면으로는 (다소)를로드하는 방법을 참조하십시오? 좋은. 이것은 잘못된 iPad에서, 같은 사이트의 스크린 샷입니다 :

http://i.stack.imgur.com/nIIZo.png

아야. 첫 번째 ~1500 픽셀이 잘리는 동안 남은 것이 나타나고 보일 것을 요구합니다. 꽤 불쾌한! 나는 모바일 개발에 익숙하지 않고 악마가 내가 여기서 빠져 나가는 것을 알고 싶어합니다. div의 CSS는 다음과 같습니다.

.grad{ 
overflow:auto; 
position:absolute; 
top:-1665px; 
left:-1448px; 
height:4000px; 
width:4000px; 
background-color: #1a82f7; 

background-color: #2F2727; 
background-image: url(images/radial_bg.png); 
background-position: center center; 
background-repeat: no-repeat; 
background: -moz-radial-gradient(circle, #1a82f7, #2F2727); 
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727)); 
background: -webkit-radial-gradient(circle, #1a82f7, #2F2727); 

-moz-border-radius:2000px 2000px 2000px 2000px; 
-webkit-border-radius:2000px 2000px 2000px 2000px; 
border-radius:2000px 2000px 2000px 2000px; 

또한 본문은 overflow : auto로 설정됩니다. 어떤 도움이라도 대단히 감사하겠습니다! 미리 많은 감사드립니다!

Answer 1

이 문제가 해결 될지 여부는 확실하지 않지만 다음에 시도해 보겠습니다. 당신의 HTML의 머리 부분에

넣고이 : 그 뷰포트를 덮고있는 배경을 초래하지만 내용은 다음 너무 작다는 사실을 알게 될 경우

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.8, maximum-scale=2.0" />

, 당신은 무언가로 변경을 시도 할 수 같은 :

<meta name="viewport" content="width=1280, initial-scale=1.0, minimum-scale=0.8, maximum-scale=2.0" />