★レスポンシブの基本、メディアクエリの書き方 | | それからデザイン スタッフブログ

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

[xtan]

メディアクエリの書き方CSSやサイズごとの外部リンク切り替え

[bunta29]

メディアクリエ　レスポンシブデザイン

[kathew]

全然スマホ表示にならないなーと思ったらviewport指定していなかった。viewport指定がないとレスポンシブにならないのだという根本を今まで知らなかったのを恥じる

[m-tamakiorg]

“@media screen and (min-width:480px)”

[RITZMEDIA]

“screen and”

[kefi3104]

レスポンシブの基本、メディアクエリの書き方

[amels]

“モバイル向けのスタイルにいくまでに余計なデスクトップ向けの重たいファイルなども読み込んでしまうため結果的にページ表示が遅くなるというデメリットがあります。 その為、現在は”モバイルファースト”が優勢

[caramelyce]

レスポンシブデザイン

[tsu70na3551]

しっかり学ばなきゃ!!

[norixtag]

テンプレが地味に役に立つ。

[gonztan]

テンプレが地味に役に立つ。

[kagikuma]

“メディアクエリ”