Сайт в мобильной среде, проблемы с раскладкой клавиатуры

Question

На веб-сайте, который я разрабатываю, я использую следующую раскладку для запроса номера телефона пользователя:

Это хорошо для портретной ориентации. Тем не менее, в альбомной ориентации, по крайней мере, с Android, я получаю это:

Я могу сэкономить немного места, возможно, скрывая панель навигации, настраивая некоторые пиксели здесь и там, но, тем не менее, это, кажется, неоптимальный пользовательский опыт. Я посмотрел на блокировку ориентации, но она работает только для полноэкранных приложений или веб-сайтов, которые были добавлены на домашний экран. Есть ли другой способ предотвратить занятие клавиатурой более 80% экрана?

Answer 1

если вы использовали альбомное окно, то использовали программно установленную высоту клавиатуры

Answer 2

Я думаю, что это нормально, главная проблема в том, что у вашего мобильного телефона маленький экран