如何在Angular 2中使导航栏大小恒定？

Question

当加载不同的组件时，应用程序组件中导航栏的大小会不断变化。我想让它保持不变。

.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中使用固定属性，但它没有用。 我错过了什么？

Answer 1

您应该将max-height样式设置为常量

.navbar{
    max-height: 50px;
    background-color: #e8e8e8;
  }