2012-06-02 3 views
0

저는 Android 앱을 만들기 위해 jQuery Mobile과 Phonegap 빌드를 사용하고 있습니다. 사용자가 페이지를 확대/축소하여 더 자세히 이미지를 볼 수 있기를 바랍니다. 이 문제를 검색해 보았지만 주어진 답변 중 아무 것도 나에게 도움이되지 않았으므로 어떤 도움을 주셔서 감사합니다.phonegap 빌드로 안드로이드 앱을 확대하십시오.

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

어떤 I는 사용자에 대해이 작업을 변경할 수 있습니다 방식으로 확대 및 축소 할 수 있도록이 있습니까 : 이것은 내가 페이지의 머리가 무엇인가? 이 메타 태그에 기입

실제 @content 값이 $에 의해 제어됩니다 : 다음 메타 태그는 문서에 jQuery를 모바일에 의해 동적으로 주입되기 때문에 기본적으로

답변

0

는 줌을 사용할 수 없습니다. mobile.metaViewportContent 속성 그것은의 기본 값은 다음과 같습니다 당신은 줌 기능을 복원 할 경우 최대 규모가 최소보다 크도록 지정된 스케일 값을 대체해야 또는를 얻기 위해 metaViewportContent에서 크기 조절 속성을 제거 할 수 있습니다

metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1" 

기본 동작.

속성을 설정하려면 속성을 원하는대로 설정할 수 있도록 mobileinit 이벤트에 바인딩해야합니다. 뭔가 같은 :

$(document).bind("mobileinit", function(){ 
     $.mobile.metaViewportContent = "width=device-width, minimum-scale=1, 
     maximum-scale=2"; 
}); 

또는 스케일 값 제거 :

$(document).bind("mobileinit", function(){ 
     $.mobile.metaViewportContent = "width=device-width"; 
}); 
+0

도움을 주셔서 감사합니다! 밀도가 높아서 미안하지만 코드를 어디에 정확히 넣어야합니까? 나는 이것에 완전히 새로운 것이다. – Pixelen

+0

나를 위해 일하지 않았습니다. 나는 제안 된 코드를 시도했지만 전혀 줌을 시도하지 않았다. 하지만 시도해 줘서 고마워. –

관련 문제