Question

我正在使用Bootstrap Cover Template创建一个内容很少的干净网站：基本上是一些文字和图片。

页眉和页脚覆盖网站内容，如此屏幕截图所示：

在这种情况下，最佳解决方案是什么？媒体查询？

我知道我可以在内容<div>中添加上边距，并将页脚的位置更改为静态而不是固定。但是，这会导致不同屏幕分辨率的其他问题（例如较小）。

我正在寻找最好的方法。

Answer 1

问题来自.masthead＆amp;的固定位置。 .mastfoot classes。

尝试删除.masthead的固定位置以及.masthead和.cover：

的以下内容

.masthead {
    position: fixed;
    top: 0;
    background: #333333;
} 

.cover {
    padding: 0 20px;
    margin-top: 115px;
}

Answer 2

如果我正确地理解了你的问题，你就会试图用文字来阻止页脚＆＃34; Desenvolvido por ...＆＃34;从覆盖那个白色按钮（如果没有，请纠正我）。

好吧，因为文本所在的padding-bottom类.inner。你可以减少......

我也不认为你需要position: fixed页脚。因为它通常停留在页面的底部。

您还可以将margin-top分配给<div class="inner cover">，以解决标题问题