Phonegap 내의 Android 용 장치 픽셀 비율 조정 관련 문제

Question

다른 장치 픽셀 비율을 사용하는 장치에서 미디어 쿼리가 제대로 작동하도록 노력했습니다. 메뉴에서 Nexus S를 선택하면 환상적입니다.
메뉴에서 Nexus 4를 선택하면 게재 위치가 꺼집니다. 크롬 개발 도구에서
내가 넥서스 S에 대한 계산 된 스타일 넥서스 4

(-webkit-max-device-pixel-ratio: 1) 

것을 볼 :

@media only screen and (orientation:landscape) and (-webkit-max-device-pixel-ratio: 1.5){ 
    .txt{ 
     top: 170px; 
     left: 150px; 
     position:absolute; 
     font-size:60px; 
    } 
} 

@media only screen and (orientation:landscape) and (-webkit-max-device-pixel-ratio: 3) and(-webkit-min-device-pixel-ratio: 2){ 
    .txt{ 
     top: 270px; 
     left: 200px; 
     position:absolute; 
     font-size:60px; 
    } 
} 

:

이

(-webkit-max-device-pixel-ratio: 1.5) 

내 CSS한다

그리고 이것은 내 메타 뷰포트 태그입니다 :

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"/> 

나는 테스트를 위해 emulate.phonegap.com (AKA Ripple)을 사용합니다.

Answer 1

아직 지원되지 않아 -webkit-max-device-pixel-ratio을 사용할 수 없습니다.

같은 문제가있는 다른 사용자가 솔루션을 더 빨리 찾을 수 있기 때문에이 답변을 추가했습니다.

Answer 2

같은 호를 넘어서서 하루 이상 내 머리에 부딪 혔습니다. 마지막으로 Cordova의 기본 브라우저와 WebKit에서 사용되는 미디어 쿼리가 완전히 다른 솔루션을 얻었습니다.

홈 페이지 대신 PhoneGap 시작 페이지에서 http://mqtest.io을 사용하고 해당 웹킷에 대해 생성 된 미디어 쿼리를 확인하십시오. 응용 프로그램에서 사용하십시오. 모든 화면 요인을 타겟팅 할 수 있습니다.

문제가 있으면 알려주세요.