【CSS】レスポンシブデザインに必須！な「メディアクエリ」…の、さわりだけ！ - Little Strange Software

どうも！LSSです！！ ついこないだまで「レスポンシブ？何それおいしいの？」だったLSSが、メディアクエリについて語ります！ｗ レスポンシブデザインとは 画面のサイズごとに、使うCSSを切り替えるメディアクエリ メディアクエリ使用例 コード解説 共通の指定 min-width:600pxという条件のメディアクエリ max-width:599pxという条件のメディアクエリ 今回は「メディアクエリ」についてのみ解説しました レスポンシブデザインとは 以前は、「ネットサーフィンはPCでするもの」で、PCの画面で読みやすいサイトを作っておけばそれで良かった、って時代がありました。 が、近年になって、スマホやタブレットのシェアが伸びて、今や 「PCは持っていないけどスマホをガンガン使いこなしている」 人も増えてきました。 それにより、 「ＰＣで見る事しか考えられていないサイトよりも、スマホでも見やす

[rapisino]

Google先生もレスポンシブ推奨してるんで無視できないですよね。スマホファーストな世の中なので参考にさせていただきます