たとえば、最小幅500pxの縦向きの画面をターゲットにしたい場合、クエリ内でこれらが指定されている順序はまったく問題になりませんか?
@media screen and (orientation: portrait) and (min-width: 500px) { ... }
CSS仕様のユーザーエージェントの部分を読んだことはありませんが、CSSは左から右に読み取られると想定しているため、上記の場合、最初に方向を確認し、trueと評価された場合は次に進みます。最小幅。右?それで、もし私がそれを逆に持っていたらどうなるでしょう:
@media screen and (min-width: 500px) and (orientation: portrait) { ... }
おそらくこれは、方向付けの前に最小幅をチェックします。これが実際に当てはまる場合、ここで何を優先する必要がありますか、方向または幅ですか?それとも、これは他のメディアクエリが使用されているものに固有のものでしょうか?(幅の使用と向きの使用。)
メディア機能がほとんどないメディアクエリでは、これは些細なことだと思いますが、もっと具体的なものについてはどうでしょうか。
@media
print
and (min-resolution: 300dpi),
projection
and (color),
screen
and (orientation: landscape)
and (min-width: 50px) { ... }
この状況で、コンテンツが印刷される可能性が低い場合は、 (わずかであっても)screen
前に追加したほうがよいでしょうか? print