页脚无法在移动浏览器上正确显示
Footer not displayed properly on mobile browsers
我正在处理我的投资组合网站,运行 在移动浏览器上查看它时遇到了问题。这是网站:http://attilakomaromi.ca/so_question/
如果向下滚动,您会注意到页脚已显示。 Chrome 的移动模拟器也能正确显示页脚。然而,当在实际智能手机上查看网页时,可以滚动到页脚,但是一旦您将手指从屏幕上移开,页面就会弹回并隐藏它(请看上面的 link你的手机了解这个问题)。
这是我网站 GitHub 上的存储库,如果您需要仔细查看代码:https://github.com/Twinbird24/portfolio-website
添加此 css 然后尝试
@media (max-width: 480px) {
footer {
position: static;
}
}
我正在处理我的投资组合网站,运行 在移动浏览器上查看它时遇到了问题。这是网站:http://attilakomaromi.ca/so_question/
如果向下滚动,您会注意到页脚已显示。 Chrome 的移动模拟器也能正确显示页脚。然而,当在实际智能手机上查看网页时,可以滚动到页脚,但是一旦您将手指从屏幕上移开,页面就会弹回并隐藏它(请看上面的 link你的手机了解这个问题)。
这是我网站 GitHub 上的存储库,如果您需要仔细查看代码:https://github.com/Twinbird24/portfolio-website
添加此 css 然后尝试
@media (max-width: 480px) {
footer {
position: static;
}
}