Retina iPad模拟器上的Phonegap屏幕被切断了

Question

我有一个Phonegap应用程序，它使用jQueryMobile 1.3.2和Phonegap 3.1（带状态栏插件）。 一切正常，但 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 将完全扭曲视图（仅限I看到绿色/白色块），还有：

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

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

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