![見出し画像](https://assets.st-note.com/production/uploads/images/35373930/rectangle_large_type_2_7b48d7acba76918a5f7b10ba59d963b9.jpeg?width=800)
TECHCAMP学習54日目
【レスポンシブWebデザインを学ぼう】
表示領域の設定 viewport
画面サイズによってCSSを切り替える設定
メディアクエリ、ブレークポイント
画面サイズごとに適用するCSSを記述
【サイトをレスポンシブ化しよう】
横幅を大きくしていくと600px〜1024pxまでの間はタブレット表示時のレイアウト、
1025px以上にするとPC表示時のレイアウト
検証ツールのデバイスモードでは、様々なデバイスのサイズでWebサイトの表示が確認できること
この記事が気に入ったらサポートをしてみませんか?