メディア・クエリーの実験 "Big Size"
横幅 800px から, 大きなサイズ
メディア・クエリーの実験 "Medium Size"
横幅 500px 〜 799px の範囲内
メディア・クエリーの実験 "small Size"
横幅 499px 以下のサイズ
セクション-その 1
メディア・クエリー とは CSS の一部で, 特定の条件 (スクリーン・サイズ / デバイス・タイプ など)に基づいてページのレイアウトを調節するための機能です.
これにより, デバイスの画面サイズや解像度に応じて異なる CSS を提供することができます.
メディアクエリー は レスポンシブ・デザイン に必須の条件です.
セクション-その 2
セクション-その 3