Question

我目前正在开发一款PhoneGap应用程序，我正在Android三星Galaxy S2上进行测试，但我希望以Android和iOS为目标。

我想要一个固定的标头，根据iPhone上的http://www.idev101.com/code/User_Interface/sizes.html标头高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。它专门用于打印72pts = 1英寸。使用％，px或ems。

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

Answer 2

检查像素密度，例如

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

使用pt而不是px的Phonegap

2 个答案: