Белая строка состояния на iPhone X на PWA - PullRequest
0 голосов
/ 23 января 2019

Наша команда использует PWA для нашего веб-сайта, и у меня есть проблема с цветом строки состояния на iPhone X. Вот мои метатеги index.html:

<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="transparent"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover">

Изменение строки состояниясодержание не помогает:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Я искал решение, но пока не нашел.Для сравнения я прикрепил два экрана из симуляторов Xcode с iPhone X и iPhone XS на базе iOS 12.1:

https://i.stack.imgur.com/HB5ji.png

на iPhone XS он работает как шарм

1 Ответ

0 голосов
/ 08 февраля 2019

Поскольку black-translucent заполняет область строки состояния цветом фона тега тела приложения, таким как отступы, я бы поигрался с размером, цветом фона и положением элемента тела.

...