このページのviewportは
「"initial-scale=1.0"」で、下の画像のdivにwidth:480pxを付けた場合です。
縦横共にそのデバイスの幅で表示され、画面サイズをオーバーしている表示領域は横スクロールで表示します。ダブルタップで縮小表示も可能です。
| 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 | 確認ページへ |