如何调整顶部导航栏和横幅的高度

您通常无法做到这一点,但可以使用 CSS 来实现,但这确实取决于您想要的高度。请问,这是什么原因?谢谢。

顶部导航栏相对徽标和头像显得太高了。

横幅高度相对于文字高度来说显得也有些高。

可以的话能给我修改这些的css代码吗?

您好,您指的是哪个横幅?谢谢。

1 个赞

我猜“banner”指的是标题栏:
image

……您可以通过以下方式更改它(选择您自己的高度和单位):

header.d-header {
  height: 50px;
}

也许“top navigation bar”指的是主题菜单:
image

……您可以通过以下方式更改它:

section.navigation-container {
  height: 40px;
}

全局通知

如果您使用浏览器开发者工具检查全局通知横幅,您可以看到 div 具有 ID 和一些类:

image

它通常会从 .alert 类获取影响横幅大小的填充:

.alert {
padding: .5em 2.5em .5em 1em;
}

但是,您可以像这样仅为全局通知覆盖它:

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}

image

1 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.