cssでレスポンシブ メディアクエリ

レスポンシブとは

「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、異なる画面サイズの幅を基準にWebサイト表示を柔軟に調整し、見やすく最適な表示にすることを指します。

引用元

メディアクエリを使う

@media (min-width: 800px) {

}

@mediaの後ろの()に条件を入れることで指定した画面サイズの時にデザインが変わるようにできる。

上の例では画面サイズが800px以上になったときの処理がかけるようになっている。