Почему в нижней части моего веб-сайта есть смещение, и оно отображается только на моем телефоне (Xiami note 7) и (icognito) мобильном браузере Chrome?
https://pandaquests.github.io/test2/
Код https://github.com/pandaquests/test2/tree/gh-pages?files=1
Сначала я подумал, что это как-то связано с размером контейнера содержимого.Но я уже установил его на height: 100vh;.И он отлично работает в браузерах для ноутбуков и настольных компьютеров, а также в инструменте проверки для мобильного просмотра.Тем не менее, на реальном смартфоне это выглядит отключенным, то есть есть смещение видимой высоты (см. Изображение).
height: 100vh;
Он размещен на github-страницах, написанных с помощью vueJS, vuetify
Я использовал только стандартныеvuetify компоненты с незначительными изменениями:
Панель приложения:
https://codepen.io/thadeuszlay/pen/MWgZQzr?&editable=true&editors=101
Карты:
https://codepen.io/thadeuszlay/pen/wvwRyQz?&editable=true&editors=101
Код в вашем репозитории github показывает атрибут style с max-height="600px" на обертывающем компоненте v-sheet, который каким-то образом проник в него:)
max-height="600px"
v-sheet