javascript - 移动设备上的导航栏表现异常，页脚也是如此[前端]

Question

所以我有这个 heroku 应用程序...在移动设备上表现异常。 [即 iPhone 上的 chrome，以及其他一些 ]

首先是在我的 iPhone 上，当我单击登录页面时，页脚被推到页面中间，我想知道为什么会这样以及如何摆脱它。 [再次在 iPhone 上，在 Chrome 上] 我想

bottom: 0px;

会修复它。

第二个是导航栏在打开后会关闭，有时，我也不确定为什么会这样。我又有点困惑了。

任何帮助都会很棒!

编辑:我想我已经解决了问题一，但我不确定如何测试它。我所做的只是将 data-hide-during-focus=""添加到页脚。

关于如何在本地进行测试有什么想法吗？

编辑 2:我找到了一个很好的本地测试方法，称为 Firefox 用户代理切换器，但我仍然有错误!

Answer 1

要修复 iOS 中的菜单在单击时关闭的问题，请尝试替换 <a href="/" class="navbar-brand"></a>与 <a href="javascript: void(0)" class="navbar-brand"></a>