Question

这可能是元视口问题或css问题，但我能够使用默认的fullPage.js代码（https://github.com/alvarotrigo/fullPage.js）复制类似的问题。如果您向幻灯片添加输入字段，请以横向方式打开键盘，然后将方向更改为纵向，css会中断。

如果您从横向旋转到纵向，结果是侧面会看到黑色空间，如果从纵向旋转到横向，则会在底部（一旦隐藏键盘）看到。

我没有将css更改为整页框架，所以我不确定问题出在哪里，但如果您有任何解决方法，请告诉我。

Answer 1

尝试制作它，以便在iPad旋转时，程序将重点放在只读输入框上，如：

<input type="text" id="invis" name="someInput" readonly="readonly" />

，正如ID建议的那样，它是不可见的（使用css）。这将最小化键盘，并阻止网页中断。