网站在移动横向，键盘布局问题

Question

在我正在设计的网站中，我使用以下布局来询问用户的电话号码：

这在纵向方向很好。但是，在横向方面，至少在Android上，我得到了这个：

我可以通过隐藏导航栏来节省一些空间，在这里和那里调整一些像素，但是，这似乎是次优的用户体验。我查看了方向锁定，但这仅适用于全屏应用程序或已添加到主屏幕的网站。还有另一种方法可以阻止键盘占据屏幕的80％以上吗？

Answer 1

我觉得这很正常，主要问题是你的手机有一个小屏幕

Answer 2

如果使用横向窗口，则使用编程方式设置键盘高度