2017
12.19

コピペも出来てすぐに覚えられるメディアクエリーの使い方

CSS3, HTML5

今日は、
先日作ったファイルをレスポンシブするためのメディアクエリーの指定方法です。

巷ではカンタン♪カンタン♪と言われるレスポンシブデザイン。

単調作業を淡々とこなすことが出来れば、カンタンかもしれません。

深呼吸して、頭をスッキリさせて書いていきましょう。

まずはヘッダータグに宣言 ->

**スクリーン520px用のための記述**

画面のサイズ毎に指定するだけですが、親要素と子要素の見分けで目が痛くなってしまいますので、
散歩でもして外の空気を取り入れながら作業することをおすすめします☆

**スクリーン820px用のための記述**

HTML

サンプルページ

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。