1

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

然后我在 Android 浏览器（Android 2.x）和运行 iOS 4 或 5（不确定是哪个）的 iPod 上尝试了它，但游戏完全像在计算机上一样被缩小了。这是我的 CSS，我使用的是 HTML5 画布标签：

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

#canvas {
  position: absolute;
}

同样在 Firefox OS 上，它不仅像在浏览器中一样作为打包应用程序运行。我在 iOS 和 Android 上都使用了默认浏览器。

4

2 回答 2

2

可能不是亲近，但你使用视口吗？这是一篇非常详细的文章viewport，如果你meta viewport在 iphone 或 android（智能手机）上使用，我推荐它，把content="width=device-width, initial-scale=1.0"它放在非常有用的地方。

于 2013-04-10T21:12:19.170 回答
0

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

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

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

于 2013-04-11T20:55:43.860 回答