レスポンシブ化

トップページ ＞ 既存サイトのレスポンシブ化

max-widthというタグを追加記入します。
body{ } のなかに入れてみてください。

 

.body {max-width: 900px;}

 

すると横幅が、900pxが限界値となります。
また、ヘッダーに

 

<meta name="viewport" content="width=device-width" />

 

をすることで、スマホの画面の幅に合わせて、自動でサイト全体が縦スクロールのサイズに変換されます。
非常に便利なタグではないでしょうか？