Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
1.0x
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected

      レスポンシブ対応・応用編!メディアクエリーをより深く知って、様々な大きさのスマホ・タブレットなどに対応していく方法を紹介します。

      • マンツーマン
        個別講義開催中!

        エラーの解消から、
        実装方法まで丁寧に教えます!
        講師が答えられるなら、
        基本的にどんな内容でも
        OK!

        詳細はこちら!
      • 質問し放題プラン!
      • Video Player is loading.
        Current Time 0:00
        Duration 0:00
        Loaded: 0%
        Stream Type LIVE
        Remaining Time 0:00
         
        1x
          • Chapters
          • descriptions off, selected
          • subtitles off, selected

            スクール形式講義も

            プロを目指したい方
            講義を何回も受けたい方はこちら!
            個別のカリキュラムを作成し、
            長期的にサポート!

            詳細はこちら!
          • discordコミュニティ
          サイトによっては、スマホ・PCに限らずタブレット用のデザインも必要になります。
          そうすると、かなり複雑な構造なCSSを書いていかなければなりません。
          この動画では複数の条件を一度に指定する方法から、実際の動きまでを解説しています。

          また、横長のブラウザゲームやサイトコンテンツなどで表示される、画面を横にして欲しい旨のテキストについても紹介しています。
          JSではなくCSSのみで画面が横長かどうかを判断することができますが、その方法もmedia queryで記述しています。

          動画内で紹介していた、MDNのリンクは以下です。
          https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_queries

          レスポンシブ対応基礎編の動画についてはこちら
          https://factory-programming-mv.com/video/6wATc27LuCU/

          関連する動画リスト

          もっとみる