テクノロジ系 / ユーザーインタフェース
メディアクエリ
メディアクエリは、画面の幅などの条件に応じて、適用するデザインを切り替える仕組みです。
もう少し詳しく
画面サイズや向きなどの条件を判定し、それに合わせてレイアウトや文字サイズを変えられます。これにより、同じページでもパソコンとスマートフォンで見やすい表示に切り替えられます。レスポンシブWebデザインを実現する中心的な技術です。
試験での見方
例：画面幅を判定し、スマホでは縦並びのレイアウトに切り替えます。
テクノロジ系 / ユーザーインタフェース
メディアクエリは、画面の幅などの条件に応じて、適用するデザインを切り替える仕組みです。
画面サイズや向きなどの条件を判定し、それに合わせてレイアウトや文字サイズを変えられます。これにより、同じページでもパソコンとスマートフォンで見やすい表示に切り替えられます。レスポンシブWebデザインを実現する中心的な技術です。
例：画面幅を判定し、スマホでは縦並びのレイアウトに切り替えます。
画面条件に応じてデザインを切り替える点と、レスポンシブWebデザインとの関連が問われます。