视网膜 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 64 位之外它没有任何效果 - true 将完全扭曲视图（我只看到一个绿色/白色块），还有：

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

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

奇怪的是，当我设置例如视口元标记中的 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) 并添加键“查看基于控制器的状态栏外观”，将其设置为“否”。同时创建密钥/确保“状态栏最初是隐藏的”设置为“是”。