モバイルデバイスのレスポンシブデザインを定義する正しい方法は何ですか。iPhone 4（960 * 640）と一般的なAndroid（800 * 480）の一般的なデザインを作成したいとします。
メディアクエリを使用する必要がありますか？
@media (max-width: 960px) and (min-width: 640px) //For iPhone landscape
@media (max-width: 640px) //For iPhone portrait
また、一般的なAndroidデバイスは960pxではなく800px（横向きモード）で動作することを考慮に入れる必要がありますか？
これは私にとってまったく新しいことなので、問題はCSSを正しい方法で定義する方法です。正しいパラダイムは何ですか？
特定のサイズごとに定義する必要があります（960px以上と960px以下の2つのメインCSSがある場合）-またはデバイス（iphoneまたはandroid）ごとに定義する必要があります