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;}