スマートフォンの画面サイズに合わせてページを表示する - viewport

スマートフォンの画面サイズはパソコンと同様 JavaScript で取得できる。 <script> document.write("screen.width " + screen.width + "、" + "screen.height " + screen.height); </script> 横幅は screen.width、縦幅は screen.height。 iPhone 4S や iPod touch（第2世代）の Safari では screen.width = 320、screen.height = 480 と表示される。 ただ、横幅320ピクセルとなっているが、特に指定がなければページ自体は横幅 980 ピクセルとして表示される。 よって、横幅 320 ピクセルのページを作ってもページが小さく表示されてしまう。 同様に、width を特に指定していないフィーチャーフォン（ガ

[Yukarigohan]

スマートフォンの画面サイズに合わせてページを表示する - viewport