iPad 中的 Phonegap 应用程序屏幕密度太低和黑边问题

Phonegap app screen density is too low in iPad and black border issue

我有一个使用 Phonegap 构建的应用程序。它在所有 iPhone 屏幕尺寸(在模拟器中)上看起来都不错,但我似乎无法摆脱丑陋的黑色边框。此外,显示在边框内的应用程序屏幕看起来像是放大了,我什至无法滚动到页面底部。

这是它的屏幕截图:

我知道它与我的 index.html 文件中的这个标签有关:

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

我似乎无法获得正确的设置。请注意,我已经尝试使用这个:target-densitydpi=medium-dpi 就像在这个论坛上的另一个类似问题上所建议的那样但是没有用(他的问题也和我的不完全一样)

请注意,此屏幕截图来自 9.7 英寸屏幕,但我想要一个适用于更大的 iPad 屏幕并且不会破坏 iPhone 屏幕的解决方案。

提前致谢...

在您的 config.xml 文件中,您需要启用两种手机类型。

您目前最有可能拥有:

<preference name="target-device" value="handset"/>

否则您根本不会对目标设备有任何偏好。您必须输入或将上面的条目更改为:

<preference name="target-device" value="universal"/>

这样构建将与 iPad 和 iPhone 设备兼容。