スマートフォンやタブレットで使いやすいサイトを作るためには、viewport を適切に設定する必要がある。
各デバイスの画面の大きさに適した表示となり、かつ、必要となればユーザーがピンチ操作などで表示を拡大できる設定である。
HTML ファイルの <head> 部分に記述する。
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
スマートフォンやタブレットで使いやすいサイトを作るためには、viewport を適切に設定する必要がある。
各デバイスの画面の大きさに適した表示となり、かつ、必要となればユーザーがピンチ操作などで表示を拡大できる設定である。
HTML ファイルの <head> 部分に記述する。
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>