Ionic framework 使ion导航条对不同方向做出响应

我想将ion导航条设置为对每个屏幕大小或方向都有响应。从我的代码中，当我以横向方向查看它时，它的高度会发生变化

  <ion-nav-bar class=" blue" >
          <ion-nav-buttons side="left">
            <!-- <button class="button  button-icon  ion-navicon blue" menu-
            toggle="left"></button>-->
            <button class="button button-clear" menu-toggle="left"><img 
            src="img\menu.png"  width="22" style="vertical-align: middle">
           </button>
           <img src="img\logo.png" width="33vw"   style="vertical-align: 
           middle" >
          </ion-nav-buttons>
        </ion-nav-bar></div>

---

不要在“vw”中使用宽度，而是以100%或任何%u喜欢的百分比提供宽度。 导航栏的情况也是如此，以%年龄提供其宽度

希望有帮助

.blue{
    background:#082865;
    height:10vh;

}