网站处于移动环境，键盘布局问题

Question

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

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

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

Answer 1

我认为这很正常，主要问题是您的手机屏幕较小

Answer 2

如果您使用的是横向窗口，则可以通过编程方式设置键盘高度