javascript - JavaScript がモバイル デバイスでウィンドウのピクセル幅を正しく取得しない

Question

私のプロジェクトは次の URL にあります。

http://mmhudson.com/test.html

ドキュメントに含まれる div とキャンバスは、ほとんどのデバイスで幅 480 ピクセルに設定されていますが、モバイル デバイス (テストしたデバイスは iPhone と Android フォンだけですが、ほぼ普遍的であると想定しています) では、ドキュメント上では 480 ピクセルですが、ドキュメントは画面上のピクセル数よりも幅が広くなっています (まだ理解していなくても、モバイル デバイスで見ると、私が言っていることが理解できるでしょう)。奇妙なことは、コンピューター上で完全に正常に動作することです。

どうすればこれを修正できますか?

Answer 1

有効な DOCTYPE を使用してから

<meta name="viewport" content="width=device-width, initial-scale=1">

重要な部分はwidth=device-width.

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag