Ionic5行-降低高度

Question

我的ion-row的默认高度太大。查看截图。它仅包含一个图标。我想将其限制为最小宽度。怎么样？我用no-margin尝试过，但是没有用。

下面是代码

<ion-grid *ngIf="!drawerIsIdle()" class="ion-no-margin">
    <ion-row class="ion-no-margin">
      <ion-col size='5' class="ion-no-margin"></ion-col>
      <ion-col size='2' class="ion-no-margin">
        <ion-button fill="clear" size="small" (click)="hideDrawer()">
          <ion-icon name="remove-outline"></ion-icon>
        </ion-button>
      </ion-col>
      <ion-col size='5' class="ion-no-margin"></ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid *ngIf="drawerIsIdle()">
    <ion-row>
      <ion-col size="4" text-center><ion-button color="10-session" fill="clear" size="small">Hi</ion-button></ion-col>

Answer 1

您还需要使用class="ion-no-padding"删除一些填充。

在浏览器中检查您的元素以检查填充。

Chrome（例如）