android - Android 4.1 默认浏览器以奇怪的方式呈现 HTML 页面

Question

我们得到了一个登录表单，由 Rails 精心制作。但是当我们从 Galaxy S3 访问网站并且第一次访问（或缓存被清除）时，页面并没有完全呈现。相反，页面的底部正在被剪切。

然而，如果我专注于输入元素之一（或者我至少点击它应该在的位置），页面会正确呈现。

以下是有关首次进入页面时的外观以及页面外观的示例：

所以，问题是：我可以用javascript强制页面重绘还是我的页面有问题？

Answer 1

修复了替换表单容器的 HTML，而不是用不同的表单显示/隐藏块。

例如，我们有两个块用于登录和注册表单。在登录按钮上单击“登录”块显示，“注册”块被隐藏。并反对。所以我只是用 HTML 替换替换了显示/隐藏方法：

$('.form-container').html($('.sign-in-form').html())

或者

$('.form-container').html($('.sign-up-form').html())