android mobile问题（100vh和位置固定的页脚错误）

Question

这里有link个网站。

网站没有滚动（可以使用箭头移动），正文有overflow:hidden。

正文包含3个块：.main-content，.bottom1和.footer

.main-content有100vh。

.bottom1和.footer都具有position:fixed。

.Footer有bottom: 0，.bottom1有bottom: 80px。

桌面工作正常：高度为100vh，其他块位于底部。 ios移动浏览器也可以。 但是android浏览器的高度很高（例如比预期大3倍），用户必须向下滚动才能看到页脚。有人知道如何解决此问题吗？

Answer 1

将position:fixed;应用于.main-content将解决此问题。

.main-content {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100vh;
}