Phonegap 使用 pt 而不是 px答案

【问题标题】：Phonegap using pt instead of pxPhonegap 使用 pt 而不是 px
【发布时间】：2012-12-27 00:08:13
【问题描述】：

我目前正在开发一款 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 单位？

【问题讨论】：

标签： css cordova pixel units-of-measurement

【解决方案1】：

不要将 pts 用于除打印之外的任何内容。它专门用于打印为 72pts = 1 英寸。使用 %、px 或 em。

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

【讨论】：

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

【解决方案2】：

检查像素密度，例如

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

【讨论】：