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

JavaScript not getting pixel width of window correct on mobile devices

本文关键字：窗口获取像素移动 JavaScript 更新时间：2023-09-26

我的项目位于以下网址：

http://mmhudson.com/test.html

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

我该如何解决这个问题？

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