レスポンシブデザインの基礎、CSSメディアクエリをおさらい 2016.08.31 2016.09.02 レスポンシブWebデザイン メディアクエリ(Media Queries)とは? サポート部の本田です。朝晩はすっかり気温も下がり、過ごしやすくなってきましたね。 今回はレスポンシブデザインでサイトを構築する上では欠かすことのできない、メディアクエリ(Media Queries)について書いてみます。 そもそもメディアクエリとは、スクリーンサイズに応じてスタイル(CSS)を切り替える機能になります。Google開発者サイトにも以下の記述があります。 メディア クエリは、CSS スタイルに適用できるシンプルなフィルタです。メディア クエリを使用すると、デバイスの種類、幅、高さ、向き、解像度など、コンテンツをレンダリングするデバイスの特性に基づいてスタイルを容易に変更できるようになります。 ー
![レスポンシブデザインの基礎、CSSメディアクエリをおさらい - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a68d7421b343b69269534ec3b03c9cb02f980653/height=288;version=1;width=512/https%3A%2F%2Fwww.aiship.jp%2Fknowhow%2Fwp-content%2Fuploads%2F2016%2F08%2F014.jpg)