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

标签 javascript android iphone html css

我的元素位于以下 URL:

http://mmhudson.com/test.html

文档中包含的 div 和 Canvas 在大多数设备上设置为 480 像素宽,但在移动设备上(我的 iPhone 和 android 手机是我测试过的唯一设备,但我假设它差不多universal)它们在文档上是 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

关于JavaScript 在移动设备上无法获得正确的窗口像素宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14587435/

相关文章:

javascript - 将 Javascript 代码与呈现的 HTTP 一起发送到客户端的正确方法是什么?

javascript - 正则表达式字符串开始/结束/中间一次匹配

javascript - Svg(多个)标记未出现在 Chrome 浏览器中

android - 自定义标记在某些设备上显示为白色(Google Maps v3 Android SDK)

Android Sherlock Action - ShareActionProvider 图标

ios - Nativescript 相机模块和默认语言

iphone - 如何检测 iPhone 中的轻微运动抖动?

javascript - 如何设置dijit.form.radiobutton只读模式

iphone - 对于 Mac 环境来说,什么是好的版本控制?

android - 拖放 Android 2.2