このページのviewportは
「content="width=device-width,initial-scale=1.0"」で、下の画像のdivにwidth:1200pxを付けた場合です。
iPhone 6 Plusで見たとき、縦横共に画面サイズ分だけが表示され、スクロールすることにより画面に表示されていない分を確認することができます。
またダブルタップで縮小表示もできます。
| viewport | width | ||
| 1 | content="width=device-width,initial-scale=1.0" | no | 確認ページへ |
| 2 | content="width=device-width" | no | 確認ページへ |
| 3 | content="width=device-width,initial-scale=1.0" | 480px | 確認ページへ |
| 4 | content="width=device-width" | 480px | 確認ページへ |
| 5 | content="width=device-width,initial-scale=1.0" | 1200px | 確認ページへ |
| 6 | content="width=device-width" | 1200px | 確認ページへ |
| 7 | content="initial-scale=1.0" | no | 確認ページへ |
| 8 | content="initial-scale=1.0" | 480px | 確認ページへ |