Webサイトのモバイルバージョンを作成したい場合、テストする必要がある最も一般的な画面解像度は何ですか?
私のAndroid市場統計によると、テスト画面は次のようになります:
最も熱心なモバイルWebコンシューマーはiOSユーザーなので、iPhone 4の解像度(960x64)とiPadの解像度(1024x768)でテストすることもお勧めします。
低解像度のテストはそれほど有用ではありません。そのようなローエンドの電話を購入するほとんどの人はモバイルWebをそれほど使用しないからです。
「モバイル」の定義によって異なります。 ;-)
私は次の解像度でテストします(多くのデバイスが回転をサポートしているため、同等の回転された同等物です。
利用可能なすべての解像度でうまく機能するデザインを作成できますか?はい、しかし、それはいくつかの作業とおそらく各サイズとブラウザの種類のためのいくつかのハックがかかります。現時点では、モバイル開発で最新の電話についてのみ心配します。最新のスマートフォンは通常、優れたWebkitブラウザを備えているので、それをターゲットにします(適切なCSS/JS/HTMLサポートが必要なため)。古い電話は、サポートする機能がはるかに障害になるため、古い電話をサポートするために、サイトのいくつかのバージョンが必要になる場合があります。
@Mavrikに同意します。低いクラスの解像度を設計することは、そのクラスに含まれるデバイスの数が少なくなるため、実際にはそれほど役に立ちません。しかし、痛みを伴うものがどのように表示されるかを確認しても問題はありません。古い携帯電話でサイトを機能させることのROIがまったく良くないことを知っておいてください。