css - メディアクエリを組み合わせるには?

Question

現在、同じことを行っている 2 つのメディア クエリがあります。これらを両方の幅を検索する 1 つのクエリに結合するにはどうすればよいですか?

@media (max-width : 480px) {...}
@media (max-width : 320px) {...}

Answer 1

組み合わせる必要はありません。これは両方をカバーします。

@media (max-width : 480px) {...}

これは、幅が 480px 未満で、320px が 480px 未満の場合に適用されます。