Phonegap 대신 pt를 사용합니다.

Question

현재 PhoneGap 앱에서 작업 중이며 Android Samsung Galaxy S2에서 테스트 중이지만 Android 및 iOS를 대상으로하고 싶습니다.

아이폰에 고정 된 헤더와 http://www.idev101.com/code/User_Interface/sizes.html 헤더에 따라 원하는 것은 44pts입니다. 휠을 재발 명하고 싶지 않기 때문에 합리적인 크기라고 생각하고 사용합니다.

나는 내 index.html을에서 다음을

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

그리고 다음과 같은 CSS

header { 
    height:40pt; 
    padding:2pt 0; 
} 

합니다 (target-densitydpi=device-dpi주의)하지만 내 전화에 앱을 배포에 통치자을 찍을 때 그것을 측정, 머리글은 거의 정확히 7mm 높이입니다. 하지만 내 수학에 따라 내가 잘못한? 아니면 내가이 pt 단위를 오해 할 수있는 무엇에 대한 15.5mm (1.552 = 44 * 2.54 * 1/72)

해야 하는가?

이

Answer 1

인쇄하지만 아무것도 점을 사용하지 마십시오.이 같은 인쇄를 위해 특별히입니다 72pts = 1 인치. %, PX, 또는 EMS를 사용합니다.

이

여기에 서로 다른 단위의 검거 및 그 사용과 좋은 기사입니다. http://css-tricks.com/css-font-size/

Answer 2

확인 픽셀 밀도, 예를

,

var devicePixelRatio = window.devicePixelRatio || 1; 
alert(devicePixelRaio);