IT・インターネット・ゲーム業界の求人・転職サイトは「IT転職ナビ」

IT用語集

IT・インターネット・ゲーム業界に関する用語をわかりやすく解説しています。

  • twitter

メディアクエリ

レスポンシブウェブデザインを実現するためのもので、どんな端末の画面サイズでも適切なレイアウトで見ることができるように、CSSを変更するときに使います。
たとえばPCディスプレイサイズと、スマートフォンサイズの場合で、適用するCSSの内容を変えることで、ユーザも使いやすいWebサイトにすることができます。
すでに適用しているスタイルを上書きしたり、新しくスタイルを追加することができ、この変更を適用する分岐点のことを「ブレイクポイント」とよびます。

PCディスプレイサイズでコーディングしてから、スマートフォンサイズ用のメディアクエリを記述する手法を「デスクトップファースト」といいます。
逆にスマートフォンサイズからコーディングし、PCやタブレットなどの大きい画面サイズ用をメディアクエリに記述する手法を「モバイルファースト」といいます。