Objective c 使用PhoneGap在第二个屏幕上镜像iPad（高清）

我们正在考虑将PhoneGap用于我们正在开发的iPad应用程序。我们更愿意用HTML5/CSS3/JS（我们非常熟悉）开发它，因此PhoneGap框架显然对我们很有吸引力

不过，我有一个问题。我们的客户将在iPad上使用该应用程序，但连接到高清显示器以镜像内容。问题在于iPad的4:3和高清屏幕的16:9。使用纯Objective-C，我们已经了解了如何在第二个屏幕上显示不同的内容和/或放大（以防止侧面出现黑条）

我的问题是，我们能用PhoneGap解决这个问题吗？响应式CSS是否能够处理此问题？使用CSS3媒体查询等？还是我们必须从头开始开发Objective-C应用程序

---

干杯

根据我的经验，像媒体查询这样的东西在PhoneGap中效果很差。例如，PhoneGap在index.html页面中设置以下内容：

<link media="only screen and (max-device-width: 480px)" href="css/iphone.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 1024px)" href="css/ipad.css" type="text/css" rel="stylesheet" />

我无法让它工作，无论我如何改变事情，我最终不得不使用以下javascript添加条件css：

loadDeviceStyle: function() {
  $("head").append("<link>");
  css = $("head").children(":last");
  css.attr({
    rel:  "stylesheet",
    type: "text/css",
    href: 'css/' + Utils.device() + '.css'
  });
}

loadDeviceStyle:function（）{
$（“标题”）。附加（“”）；
css=$（“head”）.children（“：last”）；
css.attr({
rel:“样式表”，
键入：“文本/css”，
href:'css/'+Utils.device（）+'.css'
});
}

这显然不太理想。我还发现

视口

设置是一个很大的麻烦，我不得不对它进行编码。虽然这可能是我的一个错误，但文档并没有帮助我解决问题，所以请准备花时间来解决它

---

综上所述——因为PhoneGap很容易快速设置——我会尝试为您正在尝试做的事情创建一个概念证明。你花在回答这个问题上的时间肯定会减少以后的麻烦。

我最终使用了“ExternalScreen”插件，它让我告诉它加载什么HTML。我加载了一个带有自己样式表的“独立”html文件。在JS掌握它之前，基本上是按照你说的去做。很好的发现。对于其他正在查看的用户，ExternalScreen的url为：