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

Question

我有一个使用 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 屏幕的解决方案。

提前谢谢...

Answer 1

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

您目前很可能有：

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

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

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

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