使用pt代替px的Phonegap

我目前正在研究PhoneGap应用程序，我正在Android三星Galaxy S2上测试它，但我想要定位Android和iOS。使用pt代替px的Phonegap

我想要一个固定的标题，并根据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单位？

来源

2013-01-12 Prinzhorn

不要点任何东西，但打印，它是专为打印件72pts = 1英寸，使用％，PX或EMS。

下面是用不同单位的综述及其用途的好文章。 http://css-tricks.com/css-font-size/

来源

2013-01-12 16:11:05 Jason

感谢您澄清pt的用途。那么你建议什么？删除'target-densitydpi = device-dpi'并用px计算我之前用pt做过的方式（但1/92而不是1/72）？ – Prinzhorn

检查像素密度，例如

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

来源

2015-09-05 05:54:10

使用pt代替px的Phonegap

回答

相关问题