Phonegap 안드로이드 픽셀 비율 문제 - 이미지, 페이지 너비가 신뢰할 수 없음

Question

이전에 PhoneGap 응용 프로그램을 만들었을 때 페이지의 렌더링 이미지가 높은 DPI 장치에 올바르게 표시되지 않았습니다. 그래서 장치 DPI를 고려하지 않고 모든 장치에서 고정 픽셀 비율 : 1로 웹 페이지를 만들었습니다. 하지만 이렇게하면 이미지의 선명도가 떨어집니다.

내 새로운 앱에 유동적 스타일을 사용하고 HTML에서 특정 너비와 높이를 사용하지 않기로했습니다. 하지만 CSS에서 div의 높이를 px로 지정하면 높이가 다른 장치에서 다르게 렌더링됩니다.

HTML의 비율과 CSS의 너비와 높이를 동일하게 만드는 방법이 있습니까?

HTML에 다른 픽셀 비율로 동작하도록 알리는 알 수없는 속성이 있습니까?

나는 HTML 태그를 사용하고 있습니다 :

<meta name="viewport" id="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" /> 

내가 선명도의 감소를 방지하기 위해 장치 dpi로 페이지를 렌더링하고 싶습니다. 친절하게 당신의 아이디어를 제공하십시오.

Answer 1

이상적으로 픽셀을 사용하지 말고 em을 사용하는 것이 좋습니다. 예 : 16px 대신 1.1em을 사용하거나 상황에 맞는 것을 사용하십시오. 이게 내 휴대 전화 jquerymobile 애플 리케이션을 위해 일했다