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

enter image description here 我有一个使用jQueryMobile 1.3.2和Phonegap 3.1（带有状态栏插件）的Phonegap应用程序。一切工作正常，但iPad视网膜模拟器（iOS 7）显示我的屏幕切断在屏幕的右侧（iPhone视网膜是好的，所有的Android布局）。Phonegap屏幕在Retina iPad模拟器上被切断

我使用：

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

...与尝试都EnableViewportScale真/假 - 而它除了视网膜64位没有任何影响 - 在一个真正的将完全扭曲的观点（我只看到一个绿色/白色块），还有：

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

在我的html页面。我已经阅读了几个问题，iOS会在“视网膜”时返回不同的分辨率值，但从来没有发现任何有关解决与手机相关的问题。

奇怪的是，当我把例如宽度= 400在视口元标记中，没有任何更改......再次独立于EnableViewportScale设置。

预先感谢任何线索......

来源

2013-11-21 Chris

的主要问题是状态栏插件我用，这引起了奇怪的布局。删除后，布局再次罚款。

至于状态栏 - 我真的不需要在应用程序中控制它，所以我做了以下操作：打开plist文件（Resources/{ProjectName} -Info.plist）并添加“View基于控制器的状态栏外观“，将其设置为”NO“。同时创建键/确保“状态栏最初隐藏”设置为“YES”。

来源

2013-11-21 15:32:06 Chris

我可以确认，它是一个状态栏插件bug：https：//github.com/phonegap-build/StatusBarPlugin/issues/15 – MPaulo

试一试 -

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

来源

2013-11-21 07:01:21 MAST3RMIND

不幸的是，给出了相同的结果... – Chris

尝试在CSS样式中提供宽度：100％。 – MAST3RMIND

这也没有效果... – Chris

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

回答

相关问题