Question

我正在使用cordova / phonegap开发一款仅采用横向方向的游戏。

适用于屏幕的游戏画布中的游戏，但是，虽然它在iPhone4分辨率下非常适合，但在iPhone5上进行测试时，它并不适合。

它会适应屏幕的长度，所以游戏画布的一部分隐藏在底部。

我想要的是让它适合屏幕，即使它在屏幕两侧产生黑色边框。

我该怎么做？

PS：

我也正在为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）

但我再也不知道游戏设计是否会一样......

只需搜索响应式设计，有很多教程：）

希望这有帮助。

在不同的iOS设备的safari中不同的身体（Cordova / phonegap）

1 个答案: