JavaScript在移动设备上无法获得正确的窗口像素宽度

Question

我的项目位于以下URL：

http://mmhudson.com/test.html

在大多数设备上，文档中包含的div和canvas设置为480像素宽，但是在移动设备上（我测试过的唯一设备是我的iPhone和android手机，但我认为它非常通用）是文档上的480像素，但文档的宽度大于屏幕上的像素数（如果您不了解，在移动设备上看时，我会明白我的意思）。 奇怪的是，它在计算机上可以正常工作。

我怎样才能解决这个问题？

Answer 1

使用有效的DOCTYPE，然后

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

重要的部分是width=device-width 。

https://developer.mozilla.org/zh-CN/docs/Mobile/Viewport_meta_tag