javascript - ios7中phonegap搭建的web应用窗口比正常窗口大

Question

我的手机gap app在iOS 7中很奇怪。它的窗口尺寸比正常大。正常是320*640。实际是768*1152。

console.log($(window).width());//768
console.log($(window).height());//1152

所以，这种情况导致我的一些应用程序不显示。我想知道为什么，以及如何解决这个问题？

我打印主屏幕的宽度和高度。

NSLog(@"width = %f",[UIScreen mainScreen].applicationFrame.size.width);//320
NSLog(@"height = %f",[UIScreen mainScreen].applicationFrame.size.height);//640

看来这家伙和我有同样的麻烦。在这里。

下面是我的。

<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, width=device-width, user-scalable=no" />

如果我删除宽度=设备宽度，我的应用程序看起来正常。但我一直认为这不是永远的解决方案。

Answer 1

我也不明白为什么。在 iPad iOS7 中运行时，这仅适用于 iPhone Only App。

但请尝试检查您的 html ViewPort 元标记并删除“width=device-width”和“height=device-height”属性。

希望这有助于...

Answer 2

在 Xcode 项目中，我设置设备型号是 iPhone，不是通用的。所以在 iPad 上运行我的应用程序，这种情况是 ios7 自带的，只是在 ios7 iPad 上。如果我将设备型号设置为通用，则应用程序正常。但我仍然不明白为什么？