移动视图中的页脚混乱

【问题标题】：Messed up footer in mobile view移动视图中的页脚混乱
【发布时间】：2015-12-23 21:30:45
【问题描述】：

我的website 的页脚（固定页脚）在桌面视图中看起来很棒，但在移动视图中却是一团糟。它非常大，涵盖了部分内容。

在我的研究中，WordPress 支持人员提出了同样的问题，但尚未给出答案。希望您的回答对您有所帮助。

【问题讨论】：

您需要提供代码，您尝试过的示例。不只是 cmets 某些东西不起作用。我们不能这样。提供代码并添加到jsfiddle.net作为示例供我们调查和帮助您。
好吧，另一个“我有这个问题，但我没有发布代码”的问题
好吧，这个网站绝不是移动友好的......它甚至不使用任何类型的响应式设计......如果你想用很少的努力建立一个专业的网站你应该看看引导程序

标签： html css

【解决方案1】：

您可以通过将margin-top: 1070px 更改为margin-top: 50px 并将float: left 属性添加到#footer 选择器来解决移动视图的页脚问题。

更新的 CSS：

#footer {
    position: relative;
    bottom: 0;
    width: 850px;
    background: #6600cc;
    padding: 25px;
    margin-top: 50px; 
    float: left;
}

【讨论】：

非常感谢 Shishir，问题已解决。你很有帮助。

【解决方案2】：

为页脚提供 css 样式：

    #footer 
{
    position: fixed;
    bottom: 0;
    width: 100%;
}

我建议您将引导程序用于响应式网站。

【讨论】：