不能在离子头中调整徽标（图像）的大小

Question

我无法使用Ionic 5调整离子头和离子工具栏中的徽标大小，我也不明白为什么...

我尝试过类似的事情：

<ion-header [translucent]="true">
  <ion-toolbar>
    <img height="44" class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

然后：

.logo-full{
   content: url("../assets/logo/logo-dark.png");
   height: 44px;
}

我尝试调整页眉和工具栏的大小，删除工具栏，但似乎无济于事...

我知道通常很简单，但是每年更新一次，就很难理解...

谢谢大家！

Answer 1

尝试一下：

ion-toolbar, ion-header .logo-full{
   content: url("http://placekitten.com/301/301");
   width:44px;
   height: 44px;
   border:2px solid black;
}

<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

对于200 X 44（宽度）

ion-toolbar, ion-header .logo-full{ 
  content: url("http://placekitten.com/301/301");
  width: 44px;
  height: 200px;
  border: 2px solid black;
}

<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>