在移动视图中搞砸了页脚

Question

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

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

Answer 1

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

更新了CSS：

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

Answer 2

为页脚提供css样式：

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

我建议您使用bootstrap作为响应式网站。