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"这是非常有用的。

Answer 2

它是屏幕大小的四分之一吗？您可能没有考虑过视网膜显示器吗？

（我知道你在Firefox OS下运行良好，但这是在视网膜/高分辨率设备上吗？）

如果确实如此，您可以使用window.devicePixelRatio获得比例比率。

我的游戏画布就像在电脑上一样缩小

2 个答案: