レスポンシブデザインについて１ メディアクエリ

レスポンシブデザインとはユーザーのデバイスに関係なく、画面幅に応じてデザインを変えることができる。

書き方の一つとしてメディアクエリというものがある。
@media (max-width or min-width: px ) {
CSSコード
}

追記
メディアクエリを反映させるためには、headタグにviewpointを指定する必要がある。