ほとんどのモバイル ページは、メタ ビューポート サイズで提供されます。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
iPhoneの下位互換性のために幅320pxをシミュレートします...
window.screen.availWidth
しかし、たとえば、Androidエミュレーターで実行されているjavascriptを介して確認すると720
、のような値が得られますが、320px
画像が画面全体を覆っています。
ドキュメントで使用されている実際の幅を取得するにはどうすればよいですか?