我也遇到了这个问题,原因是在600像素宽的管理栏上,从位置:固定到位置:绝对;
固定后,它锁定在屏幕顶部(顶部:0)
绝对时,它锁定在包含它的最近容器的顶部。默认情况下,这是html元素,但如果父元素被定义为具有位置(在本例中,主体具有位置定义),则它将包含其所有子元素,并且它们的位置规则将基于其位置。由于html元素的边距顶部为46像素,因此它会将主体向下推46像素。因此,由于正文向下推了46个像素,我们的管理栏所能达到的最佳效果就是正文的顶部,而不是页面的顶部。
如果你需要在身体上有一个相对的位置,那么你可以做一些事情来解决这个问题。您可以将这些规则中的任何一个添加到主题css文件中,它将覆盖默认的wordpress css。
您可以覆盖管理栏位置绝对规则,并将其翻转回固定。这将使管理栏与页面一起滚动,以便无论您在页面的何处,都能在顶部看到它。
html #wpadminbar{position:fixed};
您可以更改管理栏的位置,使其顶部分辨率在600px以下为-46px;这将使小屏幕上的栏保持在页面顶部,以便在滚动时不会占用屏幕空间。
@media screen and (max-width:600px){html #wpadminbar{top:-46px}}