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