見出し画像

TECHCAMP学習54日目



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

表示領域の設定 viewport

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

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

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

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

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

この記事が気に入ったらサポートをしてみませんか?