ios - 视网膜 iPad 模拟器上的 Phonegap 屏幕被切断

Question

我有一个使用 jQueryMobile 1.3.2 和 Phonegap 3.1（带有状态栏插件）的 Phonegap 应用程序。一切正常，但iPad Retina 模拟器（iOS 7）显示我的屏幕在屏幕右侧被截断（iPhone Retina 很好，所有 Android 布局也是如此）。

我在用着：

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

...并尝试使用EnableViewportScale true/false - 而除了 Retina 64bit 之外它没有任何效果 - 其中一个true将完全扭曲视图（我只看到一个绿色/白色块），并且：

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

在我的 html 页面中。我已经阅读了一些问题，即 iOS 在“成为视网膜”时会返回不同的分辨率值，但从未发现任何关于修复与 phonegap 相关的问题。

奇怪的是，当我将 set eg width=400 放在视口元标记中时，没有任何变化……再次，独立于 EnableViewportScale 设置。

在此先感谢您提供任何线索...

Answer 1

尝试这个 -

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

Answer 2

主要问题是我使用的 StatusBar 插件，这导致了奇怪的布局。删除后，布局再次正常。

至于状态栏 - 我真的不需要在应用程序期间控制它，所以我做了以下操作：打开 plist 文件 (Resources/{ProjectName}-Info.plist) 并添加键“查看基于控制器的状态栏外观”，将其设置为“否”。还要创建密钥/确保“状态栏最初是隐藏的”设置为“是”。