0

私は現在PhoneGapアプリに取り組んでおり、Android Samsung 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それとも、ユニットを誤解していますか？

4

2 に答える 2

1

印刷以外の目的でptsを使用しないでください。特に72pts=1インチとして印刷するためのものです。％、px、またはemsを使用します。

これは、さまざまなユニットとその使用法をまとめた良い記事です。 http://css-tricks.com/css-font-size/

于 2013-01-12T16:11:05.867 に答える
0

ピクセル密度を確認します。例：

var devicePixelRatio = window.devicePixelRatio || 1;
alert(devicePixelRaio);
于 2015-09-05T05:54:10.003 に答える