この質問は少しばかだが、長い間、私はこれについて混乱していた。メディアクエリでmax-widthを使用すると、現在の幅に適用されるか、または可能な限り最長の幅に適用されます。media-queriesのmax-widthは幅または高さを使用しますか？
たとえば、IPhone 4が320 x 480の場合、クエリを垂直ビューにのみ適用する場合は、max-width：320を使用するか、max-widthを使用する必要がありますか：480
ブラウザがポートレートモードまたはランドスケープモードのいずれであるかによって異なります。これは、以前の質問に対する回答に基づいてロックすることもできます。How do I lock the orientation to portrait mode in a iPhone Web Application?
幅は、現在の方向の幅を指します。
ポートレート表示では、幅が高さよりも小さくなります。ランドスケープでは、高さは幅よりも小さくなります。
目標がlayout for portrait modeの場合は、幅ではなく、それに注目する必要があります。
@media all and (orientation: portrait) { ... }