(Мой первоначальный вопрос - спросить, какое официальное название для панели на нижнем краю устройств iPhone X и iPad Pro (2018 и более поздних версий)? Я погуглил все варианты «панели переключателей задач ipad pro» «Домашняя панель ipad pro 2018» и т. д. c, и я не могу найти официальных документов на веб-сайте Apple об этом - просто невыносимо не знать название наиболее важного компонента пользовательского интерфейса на устройстве!)
Но мой реальный вопрос:
Предоставляет ли WebKit какой-либо способ для веб-страниц автоматически настраивать свои поля / отступы для учетных записей? для этой панели переключателей задач?
Я знаю, что WebKit имеет функцию @-webkit-viewport и <meta name="viewport" content="viewport-fit=cover" />, но я понимаю, что это для изменения размера области просмотра для учета iPhone X «нарезать» и делать то же самое с другими Android устройствами, которые также имеют вырезы на экране - я не могу найти упоминаний на веб-сайте Apple Safari Developer о том, как эту функцию можно использовать для белой панели iPad Pro.
По моему В этом случае у меня проблема с компонентом редактора изображений, который используется в моем приложении (который я загружаю в <iframe> без полей height: 100vh; width: 100vw;) и имеет кнопки, расположенные вдоль нижнего края области просмотра, которые труднее использовать на iPad Pro, потому что из белого бара. Вот фотография:
Быстрое исправление заключается в добавлении некоторого фиксированного отступа в нижнюю часть страницы, чтобы кнопки немного поднимались, но это не является долгосрочным решением и не будет работать для других устройств - и это будет означать, что пользовательский интерфейс будет иметь странный интервал на настольных компьютерах и других устройствах.