このページのviewportは
「content="width=device-width"」で、下の画像のdivにwidth:480pxを付けた場合です。
iPhone 6 Plusで見たときに、縦では480px入るように縮小表示されていますが、横にしたときは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 | 確認ページへ |