Html 移动设备中横向模式下的键盘尺寸过大

我正在创建一个网站，该网站将主要用于平板电脑，如果不总是在横向模式。然而，当有人点击输入框时，键盘在横向模式下占据屏幕的一半大小，这是非常大的。这是很好的肖像模式，但一半的屏幕是太多了。有没有一种方法可以使用CSS在横向模式下弹出较小的屏幕，或者这是必须通过浏览器设置来完成的？jedu您更关心的是，如果用户主要在横向模式下使用标签或手机，他可能已经相应地调整了它的键盘大小，以提高工作效率

我们所能做的或多或少就是通过编写媒体查询，在横向模式下使用横向css使页面看起来更容易访问

---

我们无法调整用户键盘的大小。但是我们可以通过信息提示用户更改键盘大小，以提高网站的可访问性。jedu如果用户主要以横向模式使用tab或mobile，他可能已经相应地调整了键盘大小，以提高工作效率，那么您更关心用户

我们所能做的或多或少就是通过编写媒体查询，在横向模式下使用横向css使页面看起来更容易访问

---

我们无法调整用户键盘的大小。但是，我们可以提示用户更改键盘大小，以便更方便地访问网站，因为消息

键盘尺寸在不同的设备中是不同的，在某些情况下，它是页面的一部分，会向上推送页面内容，在某些设备中，键盘以覆盖形式出现，如固定元素do。如果您不选择potrait和横向模式，您可以使用方向媒体查询

@media（方向：横向）

和

@media（方向：potrait）

在我选择纵向或横向模式后，是否可以使用css更改键盘大小键盘是操作系统的一部分，CSS不会影响它。您可以共享URL来尝试它还是共享代码？因为您无法修改键盘大小，在这种情况下，您最好将输入元素自动设置到视图中

document.getElementById（'id'）.ScrollingToView（）

键盘尺寸在不同的设备上是不同的，在某些情况下，它是页面的一部分，会向上推送页面内容，在某些设备上，键盘以重叠形式出现，如固定元素do。如果您不选择potrait和横向模式，您可以使用方向媒体查询

@media（方向：横向）

和

@media（方向：potrait）

在我选择纵向或横向模式后，是否可以使用css更改键盘大小键盘是操作系统的一部分，CSS不会影响它。您可以共享URL来尝试它还是共享代码？因为您无法修改键盘大小，在这种情况下，您最好将输入元素自动设置到视图中<代码>文档.getElementById（'id'）.scrollIntoView（）