こんにちは、WEBマーケティング部の杉尾です。 今回は、レスポンシブデザインのサイトを作るのに欠かせないCSS3 メディアクエリ(Media Queries)のお話です。 Bootstrapなどのフレームワークを使った場合は、当たり前のようにレスポンシブデザインになりますが、そういうものを使わずにレスポンシブなサイトを作る場合は必ず必要となってくる知識です。 また、それらを使う場合でも、ちょっとした改修やデザイン変更時に触ることがあるかもしれません。 是非とも覚えて、積極的に活用しましょう。 メディアクエリとは? CSS3から導入された仕様の一つです。 よく使う指定として、「ウェブページの表示サイズがこれ以上の幅ならこういうスタイルを適用する」という指定ができます。 それ以外にも、 『表示サイズ、高さ』(height) 『画面の幅、高さ』(device-width、device-heigh