共通テンプレートをレスポンシブデザイン対応にする

1つの HTML を、スマホから PC まで画面サイズが異なる多くの端末に対応させる

CSS を編集して、共通テンプレートをレスポンシブデザインに対応させる

レスポンシブデザインのための CSS を追加する

共通テンプレートを改良して、レスポンシブデザインに対応するための基本的な CSS を追加する

全ての要素のボックスモデルをボーダーボックスに変更するための CSS を追加する

CSS

				html *,
				::before,
				::after {
					box-sizing: border-box;
				}