Неверный размер экрана проекта Cordova на iPhone XR / XS / iPad Pro 11 - PullRequest
Новая
       29

Неверный размер экрана проекта Cordova на iPhone XR / XS / iPad Pro 11

1 голос
/ 13 мая 2019

Мне нужна помощь.Я смог экспортировать свой тестовый проект из инструмента Rpg Maker MV, используя Cordova для iOS.Разрешение проекта 1920х1080.Когда у меня нет проблем с экспортом, он работает отлично, и размеры экрана почти правильные на всех iPhone и iPad, кроме:

  • 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">

После этого я удалил ресурсы экрана-заставки и вставил его в конфигурацию..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

1 Ответ

0 голосов
/ 14 мая 2019

Вот мой мета и всплеск конфигурации, который, я считаю, работает на всех устройствах 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" />
...