javascript - 不同 iOS 设备(Cordova/phonegap)的 safari 中的不同主体

Question

我正在使用 cordova/phonegap 开发一款只有横向的游戏。

游戏在适合屏幕的游戏 Canvas 内，但是，虽然它适合 iPhone4 分辨率，但在 iPhone5 上测试时它不适合。

实际情况是它适合屏幕的长度，所以游戏 Canvas 的一部分隐藏在底部。

我想要的是让它适合屏幕，即使它在屏幕的两侧出现黑色边框也是如此。

我怎样才能做到？

附言:

我也在为 iPad 开发它，但在 iPad 上我没有问题，因为它会自动设置黑色边框并适合它，所以我不能使用它(这不符合要求):

body {
  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
  width: 640px;
  height: 960px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  background: #000;
  style="position: absolute;
}

Answer 1

我不知道应用程序开发 - 但我知道 iphone 4 和 5 中存在 88 像素的高度差异。

对于网页设计，网站需要响应式(CSS 媒体查询和 Javascript)

但我还是不知道这对游戏设计是否同样...

只需搜索响应式设计，那里有很多教程:)

希望这对您有所帮助。