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

Question

这里是网站的链接。网站没有滚动（您可以使用箭头移动），正文具有overflow:hidden。正文包含3个块：.main-content，.bottom1并.footer.main-content具有100vh。.bottom1并同时.footer拥有position:fixed。.Footer有bottom: 0，.bottom1有bottom: 80px。桌面工作正常：高度为100vh，其他块位于底部。ios移动浏览器也可以。但是android浏览器具有很高的高度（例如比预期大3倍），并且用户必须向下滚动才能看到footer。有人知道如何解决此问题吗？

Answer 1

申请position:fixed;即可.main-content解决问题。

.main-content {

    position: fixed;

    left: 0;

    width: 100%;

    height: 100vh;

}