首页 > 解决方案 > hw 在网格视图中调整图像离子框架的大小

问题描述

我有这个代码,我想用 css 重置图像尺寸,有什么帮助吗?

<ion-content class="categories">
    <ion-row>
    <ion-col size='6' size-sm="4" size-md="3" *ngFor="let category of data.mainCategories" (click)="getProducts(category.id)">
    <ion-card class="category-card" class="ion-activatable ion-focusable hydrated" mode="md">
      <ion-img alt="" src="{{category.image?.src}}"></ion-img>
      <ion-card-header>
        <ion-card-title [innerHTML]="category.name"></ion-card-title>
      </ion-card-header>
    </ion-card>
    </ion-col>
  </ion-row>
</ion-content>

标签: ionic-framework

解决方案


我试过了

ion-img {
        object-fit: resize;
        height: 20px;
        width: 20px;
        border: 0;
        padding: 0;
}


推荐阅读