响应式页脚停留在底部

Question

我不知道为什么我对这个概念有这么多麻烦！基本上我正在创建一个单页网站。我的内容显示/隐藏基于向部分添加活动类。主要内容部分是绝对的，相对而言;然后我有我的页脚。页脚应该整齐地放在底部。如果用户有他们的手机纵向视图，但是当他们将其切换到景观中断时。我希望它是响应，但我想我可能需要使用媒体查询。有什么想法吗？

https://jsfiddle.net/r_heneault/jt7x12jk/5/

#content {position:relative;height:70%;}
/*FOOTER*/
footer {position:relative;bottom:0px;padding:5vmin;height:25vmin;background-color:#f2f2f2;left:0px;right:0px;}

Answer 1

因为它是一款移动应用;决定使页脚/标题变粘，使用填充设置内容以适合顶部和底部。我用overflow：scroll设置内容部分。看起来不错。