iPad和黑色边框问题中的Phonegap app屏幕密度太低

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设备兼容。