使用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

回答

相關問題