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

Question

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

它有20个文本框。底部的那些例如文本框焦点上弹出的iOS虚拟键盘使Zip，Telephone变得模糊。

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

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

Answer 1

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

Answer 2

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

有关StackOverflow的问题应该对您非常有帮助： Move a view up only when the keyboard covers an input field

Answer 3

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