iOS虚拟键盘遮盖页面底部文本框

Question

我们有一个带有固定页眉和页脚以及可滚动内容的网页。

它有20个文本框。 底部的那些，例如Zip，Telephone被在文本框焦点上弹出的iOS虚拟键盘所遮盖。

如果我检测到用户的设备带有虚拟键盘，则可以在底部的文本框中添加一半的屏幕填充，以便用户可以向下滚动，而虚拟键盘不会遮挡它。

这是处理它的正常方法吗？如果是，是否有JavaScript / css方法来检测设备是否要弹出虚拟键盘？ 还是因为它是一个aspx页面，我们应该尝试在服务器端检测它？

Answer 1

实际上，iOS现在似乎没有这个问题-而是它推高了底部而不是突然出现。 我不确定为什么会这样。

Answer 2

尽管添加填充可能会稍微降低您的网页质量，但肯定会有效。 但是，如果这是一个经常发生的问题，需要立即采取行动，我建议您进行填充。

关于StackOverflow的这个问题应该对您非常有帮助： 仅当键盘覆盖输入字段时才向上移动视图

Answer 3

通常，您应该添加填充，这样填充起来会更加友好。 我认为这是个好主意。 我认为这很正常。