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

このページのviewportは
「content="width=device-width"」で、下の画像のdivにwidthは付けていません。

縦で見たときはその画面サイズにあった大きさで表示されます。
横で見たときは縦の時のwidthのまま拡大して表示します。

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