当加载不同的组件时,应用程序组件中导航栏的大小会不断变化。我想让它保持不变。
.navbar{
min-height: 50px;
background-color: #e8e8e8;
}
h3{
padding-left: 43%
}
**app.component.html**
<nav class="navbar navbar-default">
<h3>MY Heading</h3>
<a class="active" href="#"><i class="fa fa-home"></i></a>
</nav>
<router-outlet></router-outlet>
在路由器更改时,根据加载的组件导航栏调整其大小和&#34; My Heading&#34;缩小尺寸并显示在两条不同的行而不是一行。
我尝试在Nav Class的Css中使用固定属性,但它没有用。 我错过了什么?
答案 0 :(得分:0)
您应该将max-height样式设置为常量
.navbar{
max-height: 50px;
background-color: #e8e8e8;
}