wordpress将内容调整为管理员栏的高度(管理员栏较细或较粗)

Question

我正在尝试开发我的第一个wordpress主题。我有一个固定的侧边栏，上面有一个logo图标和一个菜单按钮(可能还会有社交媒体图标)。

当用户没有登录到wordpress时，屏幕顶部没有管理员栏，所以我这样设计侧边栏的样式：

#masthead{
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 999;
}

当用户登录时，屏幕顶部会有一个管理员栏。当admin-bar出现时，body标记有一个附加的类: admin- bar，所以我像这样改变我的侧边栏：

.admin-bar #masthead{
    top: 32px;
}

问题是，当我调整窗口大小时，它的大小管理栏变得更粗(46px)。有没有办法用css“看到”这种不同？我想我可以用媒体查询来做这件事，但如果它可以用来解决更细的栏的问题，我想我会更高兴。

有什么想法吗？谢谢!

Answer 1

例如：

@media all and (max-width: 699px) {
.admin-bar #masthead{ top: 46px; }
}

http://css-tricks.com/css-media-queries/