PhoneGap 및 Retina 디스플레이

phoneGap을 사용하여 iPhone 용 앱을 만들고 있지만 이전 버전의 iPhone3 해상도를 사용하는 대신 Retina 디스플레이를 사용하지 않는 것이 확실합니다.PhoneGap 및 Retina 디스플레이

phoneGap을 사용하여 개발할 때 iPhone 용 버전을 2 가지 사용할 수 있습니까? 이것은 망막을 사용하는 하나의 버전과 구형 장치에 대해 최악의 해상도를 갖는 다른 버전입니다.

감사합니다.

출처

2011-09-30 xus

예,하지만 CSS 미디어 쿼리 또는 JavaScript를 사용해야합니다.

http://troymcilvena.com/post/998277515/jquery-retina은 @ 2x 이미지를 자동으로 처리하는 jQuery 플러그인입니다.

CSS에서는 배경 이미지를 고해상도 버전으로 바꾸고 background-size으로 설정하는 -webkit-min-device-pixel-ratio: 2을 타겟팅하는 미디어 쿼리를 사용해야합니다.

출처

2011-09-30 15:06:36 ceejayoz

CSS 미디어 쿼리를 사용하십시오. '@ 미디어 전용 화면과 (-webkit-min-device-pixel-ratio : 2) {.ui-page {background : transparent url (path/to/2x.jpg); background-size : Xpx Ypx; }}'이것은 망막 디스플레이의 해상도로만 장치의 요소를 변경합니다. – ceejayoz

대단히 감사합니다. – xus

Retina.js CSS가 적 으면 문제가 해결됩니다. 폰갭 문제에 대한 다른 한편으로

(예 : 대신 당신이 모든이 확대 참조가해야처럼 페이지가 표시되지 않음) :

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

앱에서 다음 코드를 사용 후 이것을 Cordova.plist에 추가하십시오 :

EnableViewportScale : YES

출처

2012-07-11 14:18:29

"반면에"는 나를 위해 일했습니다. 감사. – Jacksonkr

phonegap 또는 다른 응용 프로그램에서 사용자 확대를 사용하도록 설정하는 것은별로 현명한 방법이 아닙니다. 사실 지금까지는 허용되지 않는 응용 프로그램이 없습니다. – andreszs

이것은 나를 위해 작동하지 않습니다. 그렇게하면 응용 프로그램에 사용 된 실제 UI 요소가 아니라 페이지 내용 만 크기가 조정됩니다. 어색한 크기로 남아있는 상태 표시 줄 – feupeu

PhoneGap 및 Retina 디스플레이

답변

관련 문제