Cordova - 视网膜显示器上的缩放比例不正确答案

【问题标题】：Cordova - incorrect scaling on retina displaysCordova - 视网膜显示器上的缩放比例不正确
【发布时间】：2017-11-21 12:47:51
【问题描述】：

我刚刚创建了一个新的 Cordova 项目。我使用cordova build 进行项目，然后使用xcode 启动到我的设备上。一切正常，直到我在 iPad Pro 12.9 视网膜显示屏上启动该应用程序。在这里，应用程序似乎有些缩放不正确，如下图所示（请注意，即使是状态栏也缩放不正确）：

但是，我有办法“解决”这个问题：如果我打开 xcode 并将“启动屏幕文件”（在应用程序图标和启动图像下）更改为 MainViewController.xib，它似乎解决了这个问题，因为见下图。但是 (!) 启动应用程序时，用户会看到不需要的黑屏。

所以我的问题是：有什么办法可以在不影响启动屏幕的情况下解决原始问题？我非常想要一个不涉及进入 xcode 并手动更改某些内容的解决方案。

注意：

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

【问题讨论】：

【解决方案1】：

因此，显然 Apple 正在放弃启动屏幕图像，转而支持启动故事板，iPad Pro 12.9 是第一个不再像其他设备那样支持启动屏幕图像的候选版本。来自Cordova documentation：

Apple 正在远离旧版发布图片。没有官方支持为 iPad Pro 12.9 提供原始分辨率的启动图像或提供与分屏多任务或滑过一起使用的启动图像。如果您的应用不需要支持这些上下文，那么您可以继续使用旧版启动图像，只要您愿意

不过，幸运的是，Cordova 4.5.1（及更高版本）确实支持启动屏幕故事板，如 here 所述。

为了使用故事板，我首先创建了一个2048x2048 image，将其命名为Default@3x~universal~anyany.png，并将其放入res/screen/ios/。然后我将以下内容添加到我的config.xml：

<platform name="ios">
  ···
  <splash src="res/screen/ios/Default@3x~universal~anyany.png" />
  ···
</platform>

【讨论】：