3

Javascript によると、Galaxy S3 の画面解像度は 720x1280 ですが、ドキュメントは 360x567 と報告されています。

ドキュメントに画面解像度をより正確に反映させることはできますか? おそらくビューポートの初期スケール？

私はそれを管理することができないようです ！

明確にするために、デバイスの解像度がポートレート モードで幅 720 ピクセルであることはわかっていますが、デバイスが各 css ピクセルに対して 2 つのハードウェア ピクセルを使用しているため、要素を Web ページに配置すると、要素は幅 360 ピクセルでページの幅を埋めます。デバイスがこれを行うのを止めることはできますか?

4

1 に答える 1

4

まず、ほとんどの場合その情報を使用しない理由 (devicePixelRatio に関するQuirksmodeの PPK から)

Retina iPhone は、ポートレート モードで 640 物理ピクセルの幅があります。それでも、メタ ビューポートを使用する Web サイトの幅は 640 ピクセルになるべきではなく、iPhone の最適な読み取りサイズである 320 のままにする必要があります。

次に、特定の高解像度デバイス (Apple では Retina と呼ばれる) をターゲットにしたい場合は、クロス ブラウザー Retina/高解像度メディア クエリを読む必要があります。ここで、最も短いスニペットは次のとおりです。

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2), 
  only screen and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

他にも、Windows Phone、Opera Mini、Firefox OS、および現在存在するさまざまな比率に関する 3 つの以前の興味深い記事と更新へのリンクもあります。

于 2013-05-09T11:47:43.733 に答える