html - &lt;header&gt; 标签仅在 < 980px 时将内容下移 60px？

Question

当我将浏览器窗口的宽度缩小到小于 980px 时，内容会减少 60px

似乎正在发生的是 <header>标签在 navbar 下面被踢掉(我什至不知道那个标签在那里做什么)

我将面包屑设置为显示样式:无，但包括或排除它们似乎没有什么区别。

不确定如何在不同的屏幕尺寸上保持一致

示例:http://www.wordisnear.org/

PS - 我正在使用一个名为 Pynuke 的 web2py CMS，它可能使用它自己特定的 Bootstrap 布局，但没有 S.O. Pynuke 的标签(尚未)。

Answer 1

为此使用媒体查询，例如示例

@media all and (max-width: 980px) and (min-width: 980px) {
body{
   margin-top:60px;
}
}