Html 在侧菜单上缩小和放大的徽标-Ionic

我是爱奥尼亚的新手，我一直在努力为侧边栏菜单添加徽标，当你从纵向切换到横向时，侧边栏菜单会缩小/扩大。参见下面的示例

我之所以要缩小徽标，是为了让所有项目都可以一起显示，而用户不必滚动。这也适用于较小的屏幕（如果所有项目不能在一个屏幕上显示，则徽标应缩小其尺寸以腾出空间）

这是我的模板

<ion-side-menu side="left">

  <ion-header-bar class="logo">
  < img src="/images/logo.png" />
  </ion-header-bar>

  <ion-content>
    <ion-list>
      <ion-item menu-close ui-sref="x.1" class="item-icon-left"> 1 </ion-item>
      <ion-item menu-close ui-sref="x.2" class="item-icon-left"> 2 </ion-item>
      <ion-item menu-close ui-sref="x.3" class="item-icon-left"> 3 </ion-item>
    </ion-list>
  </ion-content>

</ion-side-menu>

---

您可以获取设备宽度并使用ng类相应地调整其大小…您可以获取设备宽度并使用ng类相应地调整其大小。。。

.logo img {
        max-height:     56px;
        max-width:      120px;
        margin:     0 auto;
        margin-top: 20px;
        display:    block;

}