似乎无法找出此全宽滑块中的图像在浏览器窗口完全展开时被其上方的菜单稍微重叠的原因。
它在手机、平板电脑上看起来都很完美，是台式机造成了这个问题。这是一个链接，打开和关闭窗口，你就会明白我的意思：
[链接已删除]
谢谢！
最佳答案
啊哈！找到了！
好的，所以当你的窗口小到可以“限定”为移动设备时，你的头上有一个非常重要的属性：
position: static;
这意味着页眉位于文档流中。当您更改为桌面大小时，它将更改为
position: fixed;
这会将顶部标题从文档流中取出，将其他内容向上滑动到其位置。
所以，要解决这个问题，你可以这样做：
@media screen and (min-width: 700px) /*<--your min desktop width here*/
{
body
{
margin-top: 40px; /*header height here*/
}
}