質問: CSSのメディアクエリについて質問がございます。 とある本を参照しながらカフェのHPを作成しているのですが、 下記2パターンのCSSの違いがよくわかりません。 ``` @media (max-width: 600px) { .page-title { font-size: 2.5rem; } ``` ``` @media screen and(max-width: 600px) { .page-title { font-size: 2.5rem; } ``` 本には前者の方のCSSが記載してあったのですが、 ネットで調べてみると後者の書き方が圧倒的に多く困惑しております。 二つのCSSは全く同じ意味を指していますでしょうか?? 「screen and」というのは省略可能ということでしょうか。 それとも、別の意味合いになるのでしょうか?? 何卒よろしくお願い申し上げます。
回答: > > 二つのCSSは全く同じ意味を指していますでしょうか?? > > > 違います。後者のCSSは、`screen`の場合にしか適用されません。 よくあるパターンとして、印刷する場合は`print`となります。