メディアクエリとviewportの確認用です。

このページの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 確認ページへ