Phonegap + iphone 6 屏幕尺寸问题

Posted

技术标签:

【中文标题】Phonegap + iphone 6 屏幕尺寸问题【英文标题】:Phonegap + iphone 6 screen size issue 【发布时间】:2015-02-08 17:43:02 【问题描述】:

我正在使用 phonegap / cordova 和 AngularJS 来创建一个移动应用程序。

我正在 chrome 调试器中测试应用程序并模拟所有 iPhone 4-6 plus,布局自动拉伸,一切看起来都很好。

当我在 iPhone 6 上运行该应用程序时,我在应用程序的底部和顶部有 2 个黑色条带,并且应用程序的尺寸很小,并且没有覆盖整个屏幕。

有人遇到过吗?你是怎么解决的?

附上示例图片。

【问题讨论】:

你使用Phonegap Build打包app吗?问题涉及启动屏幕尺寸不正确或设备缺少启动屏幕图像。 【参考方案1】:

看看这个:

Black bars showing when running app on ios 7 (4 inch retina display)

当我在 iPhone 5 上遇到这个问题时,这很有帮助,似乎也可以解决 iPhone 6。

【讨论】:

@trueincecol 该链接与 iOs 8 / iphone 6 / 6+ 无关 您是否创建了图像的两种变体?常规和视网膜(@2x)?你把这些闪屏放在正确的地方了吗?

以上是关于Phonegap + iphone 6 屏幕尺寸问题的主要内容,如果未能解决你的问题,请参考以下文章

模拟器上奇怪的 iphone 6 plus 屏幕尺寸(与启动屏幕图像相比)

iPhone 6 plus 的屏幕尺寸问题

如何使用 Phonegap 和 javascript 在 iPhone 上隐藏和显示键盘

iphone 6 和 6 plus 尺寸缩放

如何处理 iPhone 4s、5 和 6 的屏幕尺寸,并使所有内容在所有设备上看起来都一样

为谷歌 DFP 广告缩放到不同的安卓屏幕尺寸 - Phonegap