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

【问题标题】：JavaScript not getting pixel width of window correct on mobile devicesJavaScript 在移动设备上无法正确获取窗口的像素宽度
【发布时间】：2013-01-29 16:25:47
【问题描述】：

我的项目位于以下网址：

http://mmhudson.com/test.html

文档中包含的 div 和画布在大多数设备上设置为 480 像素宽，但在移动设备上（我的 iPhone 和 android 手机是我测试过的唯一设备，但我假设它差不多通用）它们在文档上是 480 像素，但文档比屏幕上的像素数更宽（如果您还不明白，当您在移动设备上查看时，您会明白我的意思）。奇怪的是它在计算机上运行得非常好。

我该如何解决这个问题？

【问题讨论】：

我在查看您的链接时看到一个空白屏幕。不知道是不是只有我一个。
重新加载。图片需要缓存。

标签： javascript android iphone html css

【解决方案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

【讨论】：