html - 无法在 ion-header 中调整徽标（图像）的大小

Question

我无法使用 Ionic 5 在 ion-header 和 ion-toolbar 内调整徽标的大小，我不明白为什么...

我尝试过类似的东西：

<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>