web-dev-qa-db-ja.com

携帯電話用の標準的なWebページの解像度はありますか?

ほとんどのデザイナーは、Webサイト開発のベースラインとして1024x768を使用します。これにより、960や設計図などのCSSグリッドシステムを使用して、コンテンツの概要を簡単に確認できます。携帯電話向けの設計に類似したベースライン解像度はありますか?

大部分のユーザーは、iphone、Android、およびblackberry電話を使用します。

32
Jim Geurts

320 x 480は、新しいモバイルデバイスの一般的な画面解像度です。

iPhone Webサイト互換性

Android Display Metrics

大多数のモバイルデバイスをサポートする場合は、複数の解像度をサポートすることをお勧めします。

34
NebuSoft

このWebサイト は非常に便利です。さまざまなデバイスとその画面仕様の最新のデータベース。

12
luke

あなたはできる

  1. サポートする予定のデバイスの画面サイズを取得します。
  2. たとえば、サイトの2〜3バージョンを作成し、useragent文字列を検出して、これらのサイトのいずれかにユーザーを誘導します。

Android、iphone、およびblackerryデバイスでは、画面サイズに大きな違いはありません。少し先見の明とデザインを使用すると、これらのすべてのハンドセットを1つのモバイルWebサイトで動作させることができます(たとえば、幅が240ピクセル以上であると言って、それに応じてデザインすることができます)

ただし、これらのプラットフォームよりもさらに先に進む予定がある場合は、あなたを待っている怪我の世界があります(J2ME、BREW、Symbian、WinMoおよび120x160、176x220画面サイズなど)

2
omermuhammed

apacheを使用している場合、ApacheMobileFilterは実際のデバイス画面サイズの決定に役立ちます。

2
Luca Rocchi

はい、レスポンシブWebデザインのサイズには1024 x 960 x 800 x 768 x 640 x 480 x 360があります。

1

単純に、いいえ。

ここにたくさんの情報があります。 http://www.quirksmode.org/mobile/

一般的な解像度を想定するには、画面が多すぎるデバイスが多すぎます。 320 x 480が多くのデバイスで見つかることは事実かもしれませんが、決して「一般的」ではありません。柔軟な設計原則を使用してから、メディアクエリまたはjs検出を使用してクラスを追加し、ディスプレイを適切なサイズに調整する必要があります。これは、モバイルを今では持ちこたえるのが非常に難しいことの一部です。

1
Jessica Jacobs

モバイルデバイス用のゲームを書いています。私のコードでは、すべて同じであるため、すべてをパーセントで配置し、さらにvarを使用してピクセル数を調整し、それに合わせて解像度を設定しますcssでほぼ同じことができます=およびリソース内のいくつかの異なる画像サイズ。

1
phil