Как решить проблема с flexbox в iOS ниже 11 версии?

Question

[mr jeery]

Создаю свой первый сайт.
И столкнулся с проблемой отображения на ios устройствах версии ниже 11.
Я к несчастью обновился до последней и у меня все отображается отлично, поэтому тестирование становится неудобным, приходится дергать то одного друга, то другого.

Проблема в том, что один блок размещается поверх другого и надписи съезжают.


Я везде где использую

display: flex; justify-content: center; flex-wrap: nowrap;

Вписывал подобное.

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-pack: justify;
-webkit-justify-content: center;
justify-content: center;

-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap;

Прошу помощи.

Answer 1

[Evgeny Kulakov]

Есть вот такая штука: appetize.io можно посмотреть как будет на айфоне выглядеть в разных версиях.

Comments

[mr jeery]

Evgeny Kulakov А можешь подсказать как создать .app? у меня mac os x
В документации пишут, что нужно код добавлять с ключом, а ключ можно получить только загрузив на сайт приложение свое...

Пояснение на сайте мне не помогло совсем...
For iOS, upload a .zip or .tar.gz file containing your compressed .app bundle

Your .app bundle must represent a simulator build of your app. Look in ~/Library/Developer/Xcode/DerivedData//Build/Products/Debug-iphonesimulator/

Alternatively, you may run xcodebuild -sdk iphonesimulator in your project directory, then zip the .app bundle in build/Release-iphonesimulator/

For Android, upload the .apk containing your app

After your app is built, either via Android Studio or by running the command ./gradlew assembleRelease in your project directory, look in //build/outputs/apk/

[Evgeny Kulakov]

mr jeery, не очень понял, тебе ведь нужно было просто сайт посмотреть как выглядит? Открывай сервис, там есть эмулятор, запускай, открывай в нем браузер и смотри. А если у тебя мак, то можешь xcode скачать, в нем есть эмуляторы для всех эпловских устройств и даже можно будет дебажить по-нормальному в браузере мака подключать к нему эмулятор.