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

動画で基礎を学ぶ!

会員限定 メディアクエリ

この学習動画は

会員限定!

月額¥11,000税込/月が
今だけ30日間無料で使い放題!

会員登録はこちら
  • メディアクエリの特徴
  • メディアクエリの書き方

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

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

メディアクエリの特徴

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

メディアタイプ

特定のメディア（表示デバイス）の種類に対してスタイルを適用するために使用される指定です。

この学習動画 / コンテンツの続きは

会員限定!

月額¥11,000税込/月が
今だけ30日間無料で使い放題!

会員登録はこちら

コーディング実践

全 7 動画

  • 会員限定Webデザインの模写コーディングに挑戦

    03:12

  • 会員限定headerのコーディング解説

    03:22

  • 会員限定bodyのコーディング解説

    06:36

  • 会員限定footerのコーディング解説

    03:26

  • 会員限定レスポンシブとは

    02:34

  • 会員限定メディアクエリ

    04:15

  • 会員限定Chromeの開発モード

    02:42
次のコースへ

Sassコーディング