3分で読める！【CSS】メディアクエリとは？？

本日はメディアクエリについて書きます！！

メディアクエリとは？

メディアクエリとは、レスポンシブデザインを実装する時に使う言葉で

指定した画面の大きさの時に適応させたいCSSを記述するための機能です。

画面の大きさに応じて適応するCSSを調整できるんだと

思っていただければ問題ないです。

コードの書き方

例えばsample要素の文字サイズの大きさを

画面の幅が670px以下の時はフォントサイズを24pxにしたいとします。

その時は以下のように記述します。

@media{max-width:670px ){
   .sample{
    font-size:24px;
   }
}

※画面の大きさを指定する時は数値の後にセミコロン（;）をつけない