WEB業界未経験の筆者がWebサイトの作成について触れていきます! WEB制作会社への就職を決意してからの自己学習時間「100時間」をアウトプットしていきたいと思います。今回はレスポンシブデザインを作成していきます! Follow @nonnpnp 【レスポンシブデザインの作成】 レスポンシブデザインを使うメリット HTML viewportを記述する Viewportとは? 正しく記述する(meta要素 content属性) 表示が切り替わる地点〜ブレイクポイント〜 メディアクエリを記述する C S Sに記述する C S S ブラウザでの表示確認 デベロッパツールを起動する メディアクエリの中にC S Sを記述する 文字サイズを指定する 見出しサイズを指定する ヘッダー要素のレイアウト調整 header要素の横幅指定 ロゴの位置調整 ナビの位置調整 メインエリアのレイアウト調整 コンテン