Safari IOS Наличие интерактивных элементов в верхней части экрана не очень хорошо работает с альбомной ориентацией на Iphone - PullRequest
0 голосов
/ 21 октября 2019

У меня есть это приложение, у которого в верхней части страницы есть панель с множеством интерактивных элементов, это всегда было проблемой, так как в Safari IOS при нажатии вверх вверх она выводит адресную строку и выходит из полноэкранного режима. Сначала мы решили эту проблему, добавив несколько отступов вверху, чтобы увеличить кликабельную область, но они, похоже, увеличили этот размер в IOS 13, а добавление дополнительных отступов сделает его ужасным. У кого-нибудь была эта проблема и есть обходной путь для этого? Каким-то образом область щелчка, чтобы уменьшить адресную строку, или что-то в этом роде?

Большая проблема в том, что нам нужно, чтобы наше приложение оставалось в полноэкранном режиме, поэтому наиболее оптимальным было бы то, чтобы можно было уменьшить область, реагирующую на клики, дляадресная строка должна быть отключена или иметь возможность заблокировать ее в ландшафтном режиме, разве нет способа обойти это? например, заходя на twitch.com на сафари и iPhone и размещая его в альбомной ориентации, вы не можете нажать на значок поиска.

Ответы [ 2 ]

0 голосов
/ 12 ноября 2019

У меня та же проблема, я не думаю, что это можно исправить, так как это похоже на проблему с сафари, если вы проверите, что событие не работает. Сайт apple.com работает как положено.

Обходной путь Idid определяет, когда приложение выходит из полноэкранного режима, сравнивая screen.height с screen.availHeight и перемещая верхнюю панель чуть ниже адресной строки, и там пользователи могут щелкать, не оптимально, но у нас работает. :)

Надеюсь, это поможет

0 голосов
/ 22 октября 2019

В вашем CSS-коде попробуйте удалить все значения «REM», «VW», «VH», использовать только пиксели «PX». это должно решить проблему 100%.

...