iOS метатег viewport-fit = обложка работает только при вставке вручную - PullRequest
0 голосов
/ 28 марта 2020

Я пытаюсь внедрить свой сайт в iOS WKWebView. Почти все работает нормально, но в верхней части WebView (apx. 20px) есть белая полоса, под которой скрыто содержимое сайта. Я обнаружил, что добавление метатега

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

должно устранить эту проблему. Это, однако, не сразу. В исходном состоянии страница выглядит так же, верхнее содержимое страницы скрыто под белой полосой. Если я проверяю источник страницы, удаляю и затем добавляю тот же метатег (в заголовке index. html), все начинает работать нормально. Веб-представление заполняет весь экран, и содержимое не скрывается.

Я тестирую приложение на iPhone 7 с iOS 13 (с использованием XCode), однако на каждом симуляторе оно выглядит одинаково.

Кажется, что метатег игнорируется в начальном состоянии, но после добавления его «вручную» он перестает игнорироваться.

Я что-то упустил в метатеге или в Safari произошли серьезные изменения? Нужно ли каким-либо образом заставлять WKWebView читать метатег?

Я могу предоставить код WKWebView, однако я не думаю, что это необходимо, поскольку это стандартная инициализация веб-представления.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...