2013-01-20 3 views
0

휴대 기기를 적합하게 만들고 싶은 간단한 방정식 앱이 있지만 사용자가 정면 또는 측면으로 스크롤 할 수 없습니다. 머리입니다.모바일 앱이 스크롤되지 않음

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

     function onBodyLoad() 
     {  
      document.addEventListener("deviceready", onDeviceReady, false); 
     } 

     function onDeviceReady() 
     { 
     } 

     </script> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" /> 
<meta charset="utf-8"> 
<title>jQuery Mobile Web App</title> 
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
</head> 

누군가 나를 도울 수 있다면 크게 감사하겠습니다.

미리 감사드립니다.

답변

0

변경이 : 여기에

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />

:

<meta name="viewport" content="width=device-width" />

나는 문제가 당신의 maximum-scale=1.0 속성입니다 생각합니다. 그 이유는 user-scalable=yes 속성과 충돌하기 때문입니다.

자세한 정보 : http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

+0

도움에 감사드립니다! 나는 지금 그것을 시험하고있다. – user1994007

+0

글쎄, 그것을 사용해 보았지만 첫 번째 페이지에서만 작동한다. 전체 응용 프로그램은 하나의 파일에 있으므로 일반적으로 헤더의 내용이 전체 내용에 적용된다고 가정하겠습니다. 그러나 페이지 간에는 약간의 차이가 있습니다. 전체 응용 프로그램은 ~ 1000 라인이므로 여기에 배치하는 것이 타당하지 않을 수 있습니다. – user1994007

+0

jQueryMobile은 AJAX 페이지 전환을 사용하므로 다른 페이지로 옮겨지지 않는 특정 페이지의 문제가 발생했습니다. 이를 진단하려면 코드를 더 게시해야합니다. – nickcoxdotme

관련 문제