iPhone XR / XS / iPad Pro 11 上的 Cordova 项目屏幕尺寸不正确

Question

我能够使用 Cordovafor iOS.

从 Rpg Maker MV 工具导出我的测试项目

项目分辨率为1920x1080。当我导出没有问题时，它工作完美并且屏幕测量在所有 iPhones 和 iPads 上几乎都是正确的，除了：

iPhone XR / XS / XS Max
新的 iPad Pro 11 和 12.9

如何通过 Xcode 解析并插入正确的可视化？

我总是看到左侧有一个白色条，如图所示。

看了各种帖子的白条解决方法，比如在index.html文件中插入字符串：

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

之后我删除了启动画面资产，并将其插入到 config.xml 这个字符串中：

<splash src="res/screen/ios/Default@2x~iphone~anyany.png" />
<splash src="res/screen/ios/Default@2x~iphone~comany.png" />
<splash src="res/screen/ios/Default@2x~iphone~comcom.png" />
<splash src="res/screen/ios/Default@3x~iphone~anyany.png" />
<splash src="res/screen/ios/Default@3x~iphone~anycom.png" />
<splash src="res/screen/ios/Default@3x~iphone~comany.png" />
<splash src="res/screen/ios/Default@2x~ipad~anyany.png" />
<splash src="res/screen/ios/Default@2x~ipad~comany.png" />
<splash src="res/screen/ios/Default-Landscape-1242h@3x~iphone" />

没办法，跟没找到文件一样，居中显示也变小了

我该如何解决？我正在使用 xCode 10.2.1.

Answer 1

这是我认为适用于所有 iOS 设备的元和启动配置

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

<splash height="1125" platform="ios" src="res/screens/ios/land-2436x1125-screen.png" width="2436" />
<splash height="640" platform="ios" src="res/screens/ios/land-1136x640-screen.png" width="1136" />
<splash height="750" platform="ios" src="res/screens/ios/land-1334x750-screen.png" width="1334" />
<splash height="1242" platform="ios" src="res/screens/ios/land-2208x1242-screen.png" width="2208" />
<splash height="1536" platform="ios" src="res/screens/ios/land-2048x1536-screen.png" width="2048" />
<splash height="768" platform="ios" src="res/screens/ios/land-1024x768-screen.png" width="1024" />
<splash height="640" platform="ios" src="res/screens/ios/land-960x640-screen.png" width="960" />
<splash height="320" platform="ios" src="res/screens/ios/land-480x320-screen.png" width="480" />
<splash height="2436" platform="ios" src="res/screens/ios/port-1125x2436-screen.png" width="1125" />
<splash height="1136" platform="ios" src="res/screens/ios/port-640x1136-screen.png" width="640" />
<splash height="1334" platform="ios" src="res/screens/ios/port-750x1334-screen.png" width="750" />
<splash height="2208" platform="ios" src="res/screens/ios/port-1242x2208-screen.png" width="1242" />
<splash height="2048" platform="ios" src="res/screens/ios/port-1536x2048-screen.png" width="1536" />
<splash height="1024" platform="ios" src="res/screens/ios/port-768x1024-screen.png" width="768" />
<splash height="960" platform="ios" src="res/screens/ios/port-640x960-screen.png" width="640" />
<splash height="480" platform="ios" src="res/screens/ios/port-320x480-screen.png" width="320" />

iPhone XR / XS / iPad Pro 11 上的 Cordova 项目屏幕尺寸不正确

Incorrect screen size of Cordova project on iPhone XR / XS / iPad Pro 11

ios

cordova

size

screen