WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

会員限定メディアクエリ

メディアクエリの特徴
メディアクエリの書き方

メディアクエリとは、CSSの記述においてWebページのデザインを異なるデバイスや画面サイズに合わせて調整するための方法です。

簡単に言うと、メディアクエリを使うと、スマホ、タブレット、デスクトップなどの異なるデバイスで異なるスタイルを適用できます。

メディアクエリの特徴

メディアクエリはメディアタイプとメディア特性の2つのコンポーネントから成り立っています。

メディアタイプ

コーディング実践

全 7 動画

会員限定Webデザインの模写コーディングに挑戦
03:12
会員限定headerのコーディング解説
03:22
会員限定bodyのコーディング解説
06:36
会員限定footerのコーディング解説
03:26
会員限定レスポンシブとは
02:34
会員限定メディアクエリ
04:15
会員限定Chromeの開発モード
02:42

次のコースへ

Sassコーディング