Phonegap使用pt代替px

Question

我目前正在开发一个PhoneGap应用程序，我正在Android三星Galaxy S2上测试它，但我想瞄准Android和iOS。

我想要一个固定的标题，并根据http://www.idev101.com/code/User_Interface/sizes.html在iPhone上的标题是44pts高。因为我不想重新发明轮子，我认为这是一个合理的大小，我也使用它。

我有以下在我的index.html(注意target-densitydpi=device-dpi)

<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;
}

但是当我将应用程序部署到我的手机并使用尺子测量它时，头部几乎完全是7mm高。但根据我的数学应该是关于15.5mm (1.552 = 44 * 2.54 * 1/72)

)

我做错了什么?还是我误解了pt单元?

Answer 1

除了打印，不要使用pts。它是专门为72点= 1英寸打印的。使用%、px或ems

这里有一篇很好的文章，综述了不同的单位及其用途。http://css-tricks.com/css-font-size/

Answer 2

检查像素密度，例如

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