web-dev-qa-db-ja.com

モバイルデバイス用に開発する場合、どの画面解像度をテストする必要がありますか?

Webサイトのモバイルバージョンを作成したい場合、テストする必要がある最も一般的な画面解像度は何ですか?

4
JD Isaacks

私のAndroid市場統計によると、テスト画面は次のようになります:

  • 最も一般的なのは(まだ)480x32 4より前のiPhoneとほとんどのミドルレンジAndroid/Nokiaデバイスの解像度
  • ローエンドの20x24 Android(HTC Wildfire、HTC Tattoo ...)と古いNokia Symbianデバイスが続きます
  • 新しいNokiaの800x48とAndroidデバイス(HTC Desire、Galaxy S、Nexus One ...)が続きます)

最も熱心なモバイルWebコンシューマーはiOSユーザーなので、iPhone 4の解像度(960x64)とiPadの解像度(1024x768)でテストすることもお勧めします。

低解像度のテストはそれほど有用ではありません。そのようなローエンドの電話を購入するほとんどの人はモバイルWebをそれほど使用しないからです。

9
Mavrik

「モバイル」の定義によって異なります。 ;-)

私は次の解像度でテストします(多くのデバイスが回転をサポートしているため、同等の回転された同等物です。

  • 240 * 320
  • 320 * 480(RetinaなしのiPhone)
  • 640 * 960(iPhone with Retina)
  • 800 * 480(Android、@ Mavrikの回答より)
  • 768 * 1024(iPad)

利用可能なすべての解像度でうまく機能するデザインを作成できますか?はい、しかし、それはいくつかの作業とおそらく各サイズとブラウザの種類のためのいくつかのハックがかかります。現時点では、モバイル開発で最新の電話についてのみ心配します。最新のスマートフォンは通常、優れたWebkitブラウザを備えているので、それをターゲットにします(適切なCSS/JS/HTMLサポートが必要なため)。古い電話は、サポートする機能がはるかに障害になるため、古い電話をサポートするために、サイトのいくつかのバージョンが必要になる場合があります。

@Mavrikに同意します。低いクラスの解像度を設計することは、そのクラスに含まれるデバイスの数が少なくなるため、実際にはそれほど役に立ちません。しかし、痛みを伴うものがどのように表示されるかを確認しても問題はありません。古い携帯電話でサイトを機能させることのROIがまったく良くないことを知っておいてください。

6
Kerri Shotts