会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
レスポンシブデザイン入門
目安学習時間 15分
学ぶ目的
Webページはスマホでも見られる
日本のWebアクセスの半分以上はスマートフォンからです。画面幅に応じて表示を切り替えるレスポンシブデザインは、現代のWeb開発では必須の考え方です。
メディアクエリ
@media (max-width: 768px) { ... }のように書くと、「画面幅768px以下のときだけ適用するスタイル」を定義できます。
学ぶ目的
PCでは横並び・スマホでは縦積みになるレイアウトを自分で作り、最終的に公開するNext.jsアプリをスマホ対応にできる力をつけます。
このレクチャーで学ぶこと
- スマホとPCで表示を変える理由
- メディアクエリの書き方
- viewportの設定
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
HTML/CSS初級
HTML/CSS初級講座
レスポンシブデザイン入門
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
