レスポンシブデザインのための viewport の設定

スマートフォンやタブレットで使いやすいサイトを作るためには、viewport を適切に設定する必要がある。

各デバイスの画面の大きさに適した表示となり、かつ、必要となればユーザーがピンチ操作などで表示を拡大できる設定である。

HTML ファイルの <head> 部分に記述する。

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>