以前のWebは「PCで見る」というのが第一でありそれ以外の選択肢はありませんでしたが、 最近ではスマートフォンやタブレットの登場により、ユーザーの環境も様変わりし、PC以外の端末でWebをみるという人も増加傾向にあります。 そんな中、「レスポンシブWEBデザイン」という手法が注目を集めています。 今回はそのレスポンシブの要となるメディアクエリについて取り上げたいと思います。 メディアクエリとは? メディアクエリとは、CSS2の頃にあった media タイプを発展させたCSS3の新しい要素です。 下記のコードは既にお馴染みだと思います。