由ios7中的phonegap构建的Web应用程序窗口比正常情况更大

Question

我的手机间隙应用在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

这家伙似乎也遇到了同样的麻烦。Here。

以下是我的。

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

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

Answer 1

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

Answer 2

我也不明白为什么。这仅适用于在iOS7上运行的iPhone Only App。

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

希望这有帮助...