为什么在小屏幕上禁用表单字段？

Question

我有一个登录表格如下：https://demo.promosi.co/login。 它在Firefox和Chrome for Windows等浏览器中正常运行。但是，我无法弄清楚为什么在Android设备的浏览器中禁用它，即我无法输入输入字段。 Form使用Symfony 2.8和FOSUserBundle构建。 提前谢谢你给我一个线索。

Answer 1

您可以在开发工具中使用浏览器的移动模式，它可以帮助您了解问题的来源。

当屏幕尺寸缩小时，你有一个div（带文字＆＃34; Lupa密码？Silahkan重置密码＆＃34;），它的高度将取代屏幕的高度并放在一切的顶部否则会阻止您单击表单的字段。

@MockBean

要解决此问题，您必须将左侧和右侧列的2个div放在另一个列中。

PS：建议下次在您的问题中输入导致问题的代码或使用jsfiddle等工具。