0

1 つの phonegap アプリケーションを実装しています。ここではすべてうまくいっていますが、デバイスの仕様について話しているときは次のようになります。

1) BlackBerry Bold Touch 9900 スクリーンの仕様は次のとおりです。

Body    Dimensions  115 x 66 x 10.5 mm (4.53 x 2.60 x 0.41 in)
Weight              130 g (4.59 oz)
Keyboard QWERTY     Display     Type    TFT capacitive touchscreen, 16M colors
Size               640 x 480 pixels, 2.8 inches (~286 ppi pixel density)

しかし、Javaスクリプトで次の関数をテストすると:

function findScreenSize()
{
    alert("width:"+window.innerWidth +"Height:"+ window.innerHeight);   
}

表示サイズ 幅 : 356 高さ : 267 (356 x 267)

2) BlackBerry Bold Touch 9930 画面の仕様は以下の通りです。

Body Dimensions     115 x 66 x 10.5 mm (4.53 x 2.60 x 0.41 in)
Weight          130 g (4.59 oz)
Keyboard QWERTY     - Touch-sensitive controls
Display     Type        TFT capacitive touchscreen, 16M colors
Size                640 x 480 pixels, 2.8 inches (~286 ppi pixel density)

次に、次の出力を得たのと同じ javaScript 関数を実行します。

表示サイズ width : 417 Height : 313 (417 x 313)

なぜこのように振る舞うのですか?

コアピクセルとHTMLピクセルの関係を知っている人はいますか?答えてください

4

1 に答える 1

0

私はその解決策を得ました

以前は次のメタ タグを使用していました (次の 2 つのメタ タグの先頭に「<」を追加)

meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

しかし、今私は使用しています

meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1.0">

今は同じように表示されています

于 2012-10-24T11:22:19.517 に答える