結論

ブレイクポイント

PC基準でコーディングする場合

• PC：設定なし（実質1025px以上）
• タブレット：1024px [max-width : 1024px]
• スマートフォン：599px [max-width : 599px]

レスポンスデザイン

レスポンシブウェブデザイン は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。加えて、1つのウェブサイトで多様なデバイスを同様にサポートすることもレスポンシブウェブデザインのタスクに含まれている点を理解しておくことが重要である。

wikipedia.org/wiki/レスポンシブウェブデザイン

コード挿入