css - メディアクエリ条件

Question

レスポンシブCSSのメディアクエリ条件を作りたい..

@media (max-width: 480px) and (max-width:640px)

これは条件を満たしていないため、正しい構文であることをお知らせください。

Answer 1

以下を使用します。

@media screen and (max-width: 480px), screen and (max-height: xxxpx) {
  Your CSS
}

さらに明確にするために、以下を読むこともできます。

http://www.w3.org/TR/css3-mediaqueries/#media0

PS: xxxpx は、値を入力できるダミー値です。