ほとんどのデザイナーは、Webサイト開発のベースラインとして1024x768を使用します。これにより、960や設計図などのCSSグリッドシステムを使用して、コンテンツの概要を簡単に確認できます。携帯電話向けの設計に類似したベースライン解像度はありますか?
大部分のユーザーは、iphone、Android、およびblackberry電話を使用します。
320 x 480は、新しいモバイルデバイスの一般的な画面解像度です。
大多数のモバイルデバイスをサポートする場合は、複数の解像度をサポートすることをお勧めします。
このWebサイト は非常に便利です。さまざまなデバイスとその画面仕様の最新のデータベース。
あなたはできる
Android、iphone、およびblackerryデバイスでは、画面サイズに大きな違いはありません。少し先見の明とデザインを使用すると、これらのすべてのハンドセットを1つのモバイルWebサイトで動作させることができます(たとえば、幅が240ピクセル以上であると言って、それに応じてデザインすることができます)
ただし、これらのプラットフォームよりもさらに先に進む予定がある場合は、あなたを待っている怪我の世界があります(J2ME、BREW、Symbian、WinMoおよび120x160、176x220画面サイズなど)
apacheを使用している場合、ApacheMobileFilterは実際のデバイス画面サイズの決定に役立ちます。
はい、レスポンシブWebデザインのサイズには1024 x 960 x 800 x 768 x 640 x 480 x 360があります。
単純に、いいえ。
ここにたくさんの情報があります。 http://www.quirksmode.org/mobile/
一般的な解像度を想定するには、画面が多すぎるデバイスが多すぎます。 320 x 480が多くのデバイスで見つかることは事実かもしれませんが、決して「一般的」ではありません。柔軟な設計原則を使用してから、メディアクエリまたはjs検出を使用してクラスを追加し、ディスプレイを適切なサイズに調整する必要があります。これは、モバイルを今では持ちこたえるのが非常に難しいことの一部です。
モバイルデバイス用のゲームを書いています。私のコードでは、すべて同じであるため、すべてをパーセントで配置し、さらにvarを使用してピクセル数を調整し、それに合わせて解像度を設定しますcssでほぼ同じことができます=およびリソース内のいくつかの異なる画像サイズ。