見出し画像

TECHCAMP学習54日目

hey



【レスポンシブWebデザインを学ぼう】

表示領域の設定　viewport

画面サイズによってCSSを切り替える設定
メディアクエリ、ブレークポイント

画面サイズごとに適用するCSSを記述

【サイトをレスポンシブ化しよう】

横幅を大きくしていくと600px〜1024pxまでの間はタブレット表示時のレイアウト、
1025px以上にするとPC表示時のレイアウト

検証ツールのデバイスモードでは、様々なデバイスのサイズでWebサイトの表示が確認できること

いいなと思ったら応援しよう！