У меня есть веб-просмотр, который открывается в нескольких внешних упакованных приложениях, поэтому я не могу контролировать собственный код приложения.
Веб-просмотр открывает веб-страницу с фиксированным верхним и нижним колонтитулом. На iPhone X и, по-видимому, на любом телефоне с надрезом / закругленным экраном верхний и нижний колонтитулы закреплены в безопасной области (например, 10-20 пикселей сверху, 10-20 пикселей снизу). Это нормально, но остальная часть контента видна в небезопасной области, что создает странные ощущения, особенно при прокрутке.
При прокрутке кажется, что исправление для HTML включает в себя мета-тег viewport. , но ничего, что я, казалось, не видел, решит эту конкретную проблему. Ниже приведен мой мета-тег viewport.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Есть ли что-то, что я могу добавить к этому, или совершенно другое решение, которое может быть достигнуто в HTML веб-страницы?