android - 我的游戏 Canvas 像在电脑上一样被缩小了

Question

我用 HTML5 制作了一款手机游戏。我尝试并为 Firefox OS 开发了它，它作为应用程序在 Firefox OS 上完美运行。

然后我在 Android 浏览器 (Android 2.x) 和运行 iOS 4 或 5 的 iPod(不确定是哪个)上尝试了它，但游戏像在电脑上一样完全缩小。这是我的 CSS，我使用的是 HTML5 canvas 标签:

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#canvas {
  position: absolute;
}

同样在 Firefox OS 上，它不仅可以作为打包应用程序工作，还可以在浏览器中工作。我在 iOS 和 Android 上都使用默认浏览器。

Answer 1

可能不是亲近，但你用过viewport吗？ .?这是一篇关于 viewport 的非常详尽的文章，如果你在 iphone 或 android(智能手机)上使用 meta viewport，我建议你把这个 content="width=device- width, initial-scale=1.0" 这很有用。