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

时间:2013-01-29 16:25:48

标签: javascript android iphone html css

我的项目位于以下网址:

http://mmhudson.com/test.html

文档中包含的div和画布在大多数设备上设置为480像素宽,但在移动设备上(我的iPhone和Android手机是我测试的唯一设备,但我认为它几乎是通用)它们在文档上是480像素,但文档比屏幕上的像素数更宽(如果您还不了解,当您在移动设备上查看时,您将理解我的意思)。奇怪的是它在电脑上运行得非常好。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

使用有效的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