Html <；标题>；仅当<；980px？

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

似乎正在发生的是

标记被踢到

导航栏下方（我甚至不知道该标记在那里做什么）

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

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

例如：

PS-我正在使用一个名为Pynuke的web2py CMS，它可能使用自己的特定引导布局，但Pynuke（尚未）没有S.O.标记。
为此使用媒体查询，例如

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

为此使用媒体查询，例如

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

当视口宽度大于980px时，导航栏具有
position:fixed
（通过
.navbar fixed top
类）——请注意，向下滚动时，导航栏将保持在屏幕顶部的位置。在这种情况下，
元素的60px上边距实际上与导航栏重叠，因此标题在主内容部分中不占空间。注意，即使您没有使用标题，它的上边距在这里实际上是必要的——否则，您的内容会被导航栏撞到并模糊（当然，您可以去掉标题，直接在内容容器上放置上边距）

当屏幕尺寸减小时，会出现一个媒体查询，将导航栏更改为
位置：static
（假设在较小屏幕上空间较大，滚动时导航栏不会保留在屏幕上）。在这种情况下，
元素的60px上边距不再与导航栏重叠，而是占据主内容顶部的空间

如果你不使用标题或面包屑，也许就把它们扔掉。然后，在主内容div中添加一个60像素的上边距，并设置一个媒体查询，以在宽度低于980像素时删除该上边距（因此当导航栏从固定切换到静态时，边距将消失）。
当视口宽度大于980像素时，导航栏具有
位置：固定
（通过
.navbar fixed top
类）--请注意，向下滚动时，导航栏将保持在屏幕顶部的位置。在这种情况下，
元素的60px上边距实际上与导航栏重叠，因此标题在主内容部分中不占空间。注意，即使您没有使用标题，它的上边距在这里实际上是必要的——否则，您的内容会被导航栏撞到并模糊（当然，您可以去掉标题，直接在内容容器上放置上边距）

当屏幕尺寸减小时，会出现一个媒体查询，将导航栏更改为
位置：static
（假设在较小屏幕上空间较大，滚动时导航栏不会保留在屏幕上）。在这种情况下，
元素的60px上边距不再与导航栏重叠，而是占据主内容顶部的空间

如果你不使用标题或面包屑，也许就把它们扔掉。然后，在主内容div中添加一个60像素的上边距，并设置一个媒体查询，在宽度低于980像素时删除该上边距（因此当导航栏从固定切换到静态时，该边距将消失）。
如果您没有使用标题标记，则应将其删除。感谢您的评论；你知道标题标签的用途吗？如果你没有使用标题标签，你应该删除它。谢谢你的评论；您知道头标签的用途吗？谢谢，这应该是一个可行的解决方案，但我不确定是什么原因导致它在第一时间以这种方式运行-即，为什么只有小于980px时才出现问题？谢谢，这应该是一个可行的解决方案，但我只是不确定是什么原因导致它一开始就表现出这样的行为——也就是说，为什么只有当它小于980px时才有问题？谢谢！这是完全有道理的，我感谢你花时间来描述你的情况。如果我能投两次票，我会。：）PS-我甚至不知道这个CMS/布局的标题应该用于什么——现在我至少要对它进行注释。我现在完全禁用了固定标题，这是没有必要的，并且消除了媒体查询的需要。谢谢！这是完全有道理的，我感谢你花时间来描述你的情况。如果我能投两次票，我会。：）PS-我甚至不知道这个CMS/布局的标题应该用于什么——现在我至少要对它进行注释。我现在完全禁用了固定标题，这是没有必要的，并且消除了媒体查询的需要。