页脚在移动浏览器上无法正常显示

Question

我在我的投资组合网站上工作，在移动浏览器上查看时遇到了问题。这是网站：http://attilakomaromi.ca/so_question/

如果向下滚动，您会注意到页脚被显示出来。 Chrome的移动模拟器也可以正确显示页脚。但是，当在实际智能手机上查看网页时，页脚可以滚动到，但是一旦您将手指从屏幕上移开，页面将会快速恢复隐藏（请查看手机上的上述链接以了解这个问题）。

以下是我网站GitHub上的存储库，如果您需要仔细查看代码：https://github.com/Twinbird24/portfolio-website

Answer 1

添加此css，然后尝试

@media (max-width: 480px) {
    footer {
        position: static;
    }
}